结合自动换行：break-word;和白色空间：前;

Question

我在HTML页面中显示从文本文件中获取的一段文本，我希望将该文本文件中的换行考虑在内，因此我使用的是“white-space：pre;”。另一方面，我想防止文本溢出其包含的div之外，所以我添加了“word-wrap：break-word;” 不幸的是，这两个属性似乎并不一致（白色空间覆盖了自动换行）。我怎样才能使两个属性协同工作？

Answer 1

根据MDN doc page，这是white-space属性的理想行为：

  

<强>预

     

保留空格序列。仅在源中的换行符处以及＆lt; br ＆gt;处断行。元件。

     

<强>预包装

     

保留空格序列。换行字符在＆lt; br ＆gt;处断开，并根据需要填充行框。

因此，要获得您描述的内容，您需要使用值pre-wrap代替pre。