html - 表格数据超出边界

Question

简而言之，我得到了

<div id="tablewrapper">
<table>
<tr>
<td>veryveryveryveryveryeryveryveryveryveryveryveryveryveryvery longtext</td>
</tr>
<table>
</div>

而且我很长的文本超出了我的表格、div 和包装器的边界。看起来像这样

textextexttextextexttextextext(边框)|(边框)textextexttextextexttextextext

我应该使用什么 CSS 规则在下一行显示它，例如：

texttexttexttexttexttexttexttexttexttext(边框)
texttexttexttexttexttexttex

已尝试设置显示或宽度。

score 9 · Accepted Answer

使用表格布局：固定；属性（确保也给表格一个宽度，例如100%）table以及应用于word-wrap:break-word' tds.

CSS：

table {
  table-layout: fixed; 
  width: 100%
}

td {
  word-wrap: break-word;
}

score 2 · Accepted Answer

用于word-break:break-all在任何地方打断文本：

<td style="word-break:break-all">veryveryveryveryveryeryveryveryveryveryveryveryveryveryvery longtext</td>

2 回答 2