div中的跨浏览器文本流

Question

如何在div内有一些不会破坏文字的文字？我可以实现这一点是Safari和Chrome，但不能在MS IE或Firefox上实现。

Safari / Chrome输出示例：

  

进行紧急照明调查。应急照​​明系统
  是由合格的电气工程师检查和任何建议
  进行此类检查后即可实施。

MS IE / Firefox输出示例：

  

进行紧急照明调查。应急灯
  系统由合格的电气工程师检查   d进行此类检查后的任何建议都应为   lemented。

使用的代码：

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

任何帮助都非常感激。

Answer 1

从5.3. Breaking Rules for Letters: the ‘word-break’ property开始，没有值break-word。但是，您有6.2. Overflow Wrapping: the ‘word-wrap’/‘overflow-wrap’ property，其中提供了break-word

  

名称：overflow-wrap / word-wrap
  价值：正常|打破字
  ...
  “的打破字”
      如果线路中没有其他可接受的断点，则可以在任意点处打破牢不可破的“单词”。塑造角色的形状仍然好像没有被破坏，而字形星团必须一起保持为一个单元。在断点处不插入连字符。