我在HTML页面中展示了一个从文本文件中获取的文本，我希望该文本文件中的换行符被考虑到，因此我使用了“white-space: pre;”属性。但是，我又想防止文本溢出其包含的div，所以我添加了“word-wrap: break-word;”属性。不幸的是，这两个属性似乎无法一起工作（白色空间覆盖了单词换行）。如何使这两个属性一起工作？
1个回答
5
根据MDN doc page，这是
white-space属性的期望行为：
因此，要获得您所描述的效果，您需要使用值pre
空白序列会被保留。仅在源代码中的换行符和<br>元素处断行。
pre-wrap
空白序列会被保留。在换行符、<br>以及需要填充行框时断行。
pre-wrap代替pre。- Christian Vincenzo Traina
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 18 CSS的word-wrap: break-word无法工作
- 3 max-width和word-wrap：break-word导致文本左对齐
- 53 IE8中的word-wrap:break-word不起作用。
- 3 "word-wrap:break-word" 似乎无效。
- 4 "word-wrap:break-word在iText 2.1.7中无效"
- 105 这个例子中 word-wrap break-word 不起作用。
- 4 word-wrap: break-word; 不会打破 <code></code> 标记
- 83 在表格中使用"word-wrap: break-word"
- 4 “word-break: break-all” 和 “word-wrap: break-word” 有什么区别？
- 12 word-wrap: break-word和word-break: break-word有什么区别？