html - div内的跨浏览器文本流

Question

你如何让一些文本在div不打断单词的情况下流动？我可以在 Safari 和 Chrome 上实现，但不能在 MS IE 或 Firefox 上实现。

Safari/Chrome 输出示例：

将进行应急照明调查。应急照​​明系统
应由合格的电气工程师检查，检查后的任何建议
均应执行。

MS IE/Firefox 输出示例：

将进行应急照明调查。应急
照​​明系统应由合格的电气工程师进行检查，并执行检查后的
任何建议
。

使用的代码：

<div style="width: 100%; word-break:break-word">
    <p><?php echo $row['observation']; ?></p>
</div>

非常感谢任何帮助。

Answer 1

从5.3 开始。字母打破规则：'word-break'属性，没有价值break-word。但是，您有6.2。溢出包装：'word-wrap'/'overflow-wrap' 属性，它提供break-word

名称：overflow-wrap/word-wrap
值：正常 | break-word
...
'<strong>break-word'<br> 如果行中没有其他可接受的断点，则不可破坏的“单词”可能会在任意点被破坏。塑造字符仍然像单词没有被破坏一样被塑造，并且字素簇必须一起保持为一个单元。在断点处不插入连字符。