div中的跨浏览器文本流

Question

如何在div中有一些不分解单词的文本？我可以实现这是Safari和Chrome，但不能在微软IE或火狐。

Safari/Chrome输出示例：

进行紧急照明调查。应急照明系统 须由合资格的电气工程师及任何建议进行检查。 在进行这种检查之后，将进行这种检查。

MS IE/Firefox输出示例：

进行紧急照明调查。应急灯 英制须由合资格的电气工程师进行检验。 D在进行这种检查后提出的任何建议均应包括在内。 精神错乱。

所用代码：

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

任何帮助都很感激。

Answer 1

在5.3。字母的违规规则：“单词-断线”属性中，没有值break-word。但是您有6.2。溢出包装：“单词包装”/“溢出包装”属性，它提供了break-word

名称:溢出包装/单词包装 值:普通的_ ..。 “打断词” 如果在行中没有其他可接受的断点，则不可拆分的"word“可能会在任意点被打断。塑造字符的形状仍然像单词没有被打破一样，而字素簇必须作为一个整体待在一起。在断点没有插入任何连字符。