中文很少在意断行的事情，英文长单词因为长度不够的断行会影响阅读,CSS中的word-break大法好。但也有稍微要注意的情况
1. 带空格或短横， 例如 aaaa-aa aaaaaaa-aaaaaa
normal && keep-all && break-word(非标准)
break-all
- 带空格或短横，
break-all任意断行，其他都是在空格或短横断行
2.连续长单词， 例如： aaaaaaaaaaaaaaaa
normal && keep-all
break-all && break-word
- 连续长单词，
break-all或break-word会任意断行，keep-all和normal不断行
MND 说明
填坑
然鹅，实际应用中，只是设置word-break:normal，按照空格断行了，却会出现某些长度超过的单词被迫显示省略号
这时候就需要加上
word-wrap: break-word,这样既会按照空格断行，也会显示全部单词，完美。
总结： 既想单词按照空格换行，又想全部显示，这样就完美啦
word-break: normal;
word-wrap: break-word;
网友评论