表格数据超出边界

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）并应用{{1}到word-wrap:break-word的。

Here's a jsFiddle.

---

<强> CSS：

td

Answer 2

使用word-break:break-all在任何地方分解文字：

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