一、什么是word-wrap属性
word-wrap属性是CSS中的一个文本换行控制属性，在一行文本长度超出容器宽度时，如何处理文本换行。
使用word-wrap属性可以让文本更加合理地换行，提高网页阅读体验。
二、word-wrap属性的取值
word-wrap属性有两个取值：
- normal
- break-word
三、normal取值
normal是默认取值，当一行文本长度超出容器宽度时，文本在任意字符处进行自然换行。
<div style="width: 200px; border: 1px solid #ccc; word-wrap: normal;">
This is a long string which will be wrapped to the next line.
</div>
This is a long string which will be wrapped to the next line.
四、break-word取值
break-word取值会在单词内强制换行，当一行文本长度超出容器宽度时，文本将在最后一个字符之后进行强制换行。
<div style="width: 200px; border: 1px solid #ccc; word-wrap: break-word;">
This is a long string which will be wrapped to the next line.
</div>
This is a long string which will be wrapped to the next line.
五、结语
通过使用CSS属性word-wrap，我们可以在保证文本合理性的前提下，达到更好的页面阅读体验。