我在HTML页面中显示从文本文件中获取的一段文本，我希望将该文本文件中的新行考虑在内，因此我使用的是“white-space：pre;” . 另一方面，我想防止文本溢出其包含的div之外，所以我添加了“word-wrap：break-word;”不幸的是，这两个属性似乎并不一致（白色空间覆盖了自动换行） . 我怎样才能使它们两个属性一起工作？
根据MDN doc page，这是 white-space 属性的所需行为：
white-space
保留前空格序列 . 仅在源和<br>元素中的换行符处断行 . 预包装保留了空白的序列 . 换行符在换行符处断开，并在必要时填充行框 .
因此，要获得您描述的内容，您需要使用值 pre-wrap 代替 pre .
pre-wrap
pre
1 回答
根据MDN doc page，这是
white-space属性的所需行为：因此，要获得您描述的内容，您需要使用值
pre-wrap代替pre.