<分区>
我不明白为什么有两个属性似乎做同样的事情，但它们的相互关系似乎没有在规范中定义。
http://dev.w3.org/csswg/css-text-3/#word-break-property
http://dev.w3.org/csswg/css-text-3/#overflow-wrap-property
例如，如果我希望按照 How do I wrap text in a pre tag? 换行文本，并且有些行包含没有空格的字符串(这似乎让 Chrome 认为它们是不可破坏的(即使它们确实有逗号等))，我想使用 word-break: break-all 或 word-wrap: break-word，以及 white-space: pre-wrap?
最佳答案
word-break: break-all它打破了其他行中的句子和文本
word-wrap: break-word` 它不打破句子 它打破行和完整的句子不间断地转到下一行
p {
width:100px;
word-break:break-all;
padding-left:20px;
}
div {
width:100px;
word-wrap: break-word;
padding-left:20px;
}<body>
<p>India's Saina Nehwal won the Australian Badminton Open Super Series title at the State Sports Centre in Sydney on 29 June, 2014. Saina began the match in aggressive fashion as she raced into a 12-8 lead in the first game against Spain's Carolina Marin in the final.</p>
<div>India's Saina Nehwal won the Australian Badminton Open Super Series title at the State Sports Centre in Sydney on 29 June, 2014. Saina began the match in aggressive fashion as she raced into a 12-8 lead in the first game against Spain's Carolina Marin in the final. </div>
</body>关于css - `word-break: break-all` 和 `word-wrap: break-word` 有什么区别？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28688767/
相关文章：
javascript - 如何在不影响背景的情况下对整个内容添加混合效果
postscript - 如何使用 postscript 在文本上换行或添加省略号？
javascript - 如何使用Javascript将<pre>中的CSV数据转换为HTML表格？
html - 如何用左尖括号 'pre' 解决 '<' 标签的问题？
html - 如何将一段文本与一堆可点击的 Sprite 图像对齐在同一行？
android - CSS:背景附件:固定在android中不起作用
css - Bootstrap 3 css垂直对齐两个div一个顶部一个底部