文本换行问题示范

当我们不设置换行的时候，默认浏览器会因为字母或特殊符号导致不进行自动换行。特别是在移动端网页会出现左右移动导致页面不美观。

三个重要属性

1.word-wrap（允许单词换到下一行）

2.white-space（文本出现空格符的解决办法，忽略或连续空格合并）

3.word-break（单词截断办法，在全角截断或单词内部截断）

CSS代码解决办法1（英文长度过长，则另起一行）

也就是当因为单词长度超过所设定文本宽度时，会另外起一行，而不是与之前的文字共同挤一行。

解决办法2（允许单词内部截断换行）总结

当文本因特殊字符或英文字母超出设定范围内容的时候，可以使用上述两种解决办法，各有利弊，一个会另起一行，保证单词完整性，一个会截断单词影响单词语意。