css - 使用 CSS 为太长的单词自动换行

Question

如果一行中没有足够的空间容纳两个单词，我想在两个单词之间强制换行；如果整个单词不适合一行，我想在两个字母之间强制换行。我已经尝试了一些东西，但我只让它们在 Chrome 中工作。 Firefox 和 IE 在两个字母之间断开一个单词，尽管它们应该将一个单词放在一个新行中。看看这个fiddle .我用这个 css 来强制换行。

-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;

-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

您会看到 Chrome 可以很好地处理换行符。 IE 和 Firefox 将单词“looooooooooooooooooooooong”打断在两个字母之间。我如何让这些东西发挥作用？

Answer 1

我在这个 post 中找到了答案.基本上我只需要添加这个 css 代码。

td {
    max-width: 1px;
}

查看更新 fiddle .