连续字符串没有被 td 包裹答案

【问题标题】：Continuous string not getting wrapped in td连续字符串没有被 td 包裹
【发布时间】：2017-01-01 05:51:14
【问题描述】：

当我在固定宽度的 td 中放置一个长的连续字符串时，它不会被包裹。字符串增加了我的桌子的宽度。谁能帮我解决这个问题。

例如：

这是我的文字 --- 工作正常，因为 td 宽度是固定的，只有高度会增加但是如果我插入
thisismytext --- 然后它增加了我的表格的宽度。

【问题讨论】：

【解决方案1】：

你必须使用

word-break: break-all

对于 td

<style>
   .BreakWord { word-break: break-all; }
</style>

<td class="BreakWord">longtextwithoutspace</td>

【讨论】：

【解决方案2】：

为了在 Firefox 中工作

word-wrap:break-word;

【讨论】：

【解决方案3】：

如果您的文本和单元格宽度是固定的，您可以添加

<td>My text<br />on a different line</td>

我发现有时会发生的事情是文本是换行的，只是 td 高度隐藏了这个

【讨论】：

【解决方案4】：

在文本中每隔几个字符使用<wbr> 标记（20？30？你需要试验一下）。这将允许在没有空格的情况下中断您的文本。像这样：

<td>LongLongLong<wbr>TextTextText</td>

除非需要休息，否则这一切都会串在一起。

【讨论】：

【解决方案5】：

换句话说，给浏览器一个换行的借口（通过在内容中包含空格），它会的。强制它使用一行（通过省略空格）并增加表格的宽度。

在没有任何额外的布局规则的情况下，它还能做什么？'

编辑：word-break / wbr 可能存在跨浏览器问题（现在似乎是 CSS3，但以前是 IE 发明的）

【讨论】：