HTML Force引入了break / new行

Question

我有一个固定宽度的表格单元格......

现在，此单元格中的内容/文本字符长度各不相同，并且不能总是在它们之间留有空格，这会导致布局略微破坏。

我尝试通过添加CSS word-wrap：break-word来修复 但由于某种原因，这并不总是有效。

即使中间没有空格，我如何确保我的文字会突破到下一行呢？

Answer 1

实际的解决方案是在允许直接换行的任何地方插入标签<wbr>，例如

<td>MaxUName<wbr>MaxUName<wbr>MaxUName<wbr>MaxUNa</td>

为了获得更好的旧版<wbr>的浏览器覆盖率（它从未达到任何标准，但是还活着并且正在使用），请在样式表中添加以下内容：

wbr:after { content: "\00200B"; }

更多信息：http://www.cs.tut.fi/~jkorpela/html/nobr.html#wbr

Answer 2

我编辑了你的jsfiddle以便它可以工作：

修改 http://jsfiddle.net/Dnzra/2/

您需要做的就是将style="table-layout: fixed"添加到表格样式中，并为您的单元格添加一些固定宽度。