html - 如有必要，我怎样才能让文本包裹在一个单词中？

Question

我正在寻找最好的解决方案，以便在必要时允许文本在单词中间换行。最好的，我的意思是大多数浏览器兼容，并且会在单词内部中断之前支持单词中断。

如果标记看起来比我的更好(请参阅我的回答)，这也会有所帮助。

编辑:

请注意，这是专门针对用户生成的内容。

编辑 2:

该网站上大约 25% 的 Firefox 用户仍在使用 v3.0 或更低版本，因此支持它们至关重要。这是基于上个月的数据(约 121,000 次访问)。

Answer 1

css 属性 word-wrap: break-word 将强制长单词换行到下一行，如果它们对于它们的容器来说太长的话。这是由 IE(往回走)、Firefox 和 Safari 支持的。

编辑:看起来您也可以使用 white-space: -moz-pre-wrap 和 white-space: pre-wrap 在旧版本的 Firefox 中实现此目的。参见 here获取更多信息。不过，我还没有用旧版本的 Firefox 对此进行测试。