用CSS自动换行太长的单词

Question

如果没有足够的空间让两个单词在一行中分开，我想在两个字母之间加上一个分隔符，如果整个单词不适合行的话，则在两个字母之间使用。我已经尝试了一些东西，但我只能让它们在Chrome上工作。Firefox和IE会在两个字母之间划出一个单词，尽管他们应该把一个单词放到新的行中。看看这个小提琴。我使用这个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在两个字母之间拆开了一个单词"looooooooooooooooooooong“。我怎么才能让这些东西起作用？

Answer 1

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

td {
    max-width: 1px;
}

请参阅更新的小提琴。