表格数据超出边界

Question

简而言之,我得到了

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

而我的长篇文章正在我的桌子,div和包装边框之外.看起来像这样

textextexttextextexttextextext(境)|(境)textextexttextextexttextextext

应该用什么css规则在下一行中解除它:

texttexttexttexttexttexttexttexttext(border)
texttexttexttexttexttexttex

尝试过设置显示或宽度.

Answer 1

使用table-layout:fixed; 属性(一定要得到表的宽度太,例如100%)在table沿与施加word-wrap:break-word到td的.

这是一个jsFiddle.

CSS:

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

td {
  word-wrap: break-word;
}