断行之word-break 和 word-wrap

中文很少在意断行的事情，英文长单词因为长度不够的断行会影响阅读,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;

踩坑：某些（不知道为啥）的情况下，设置了这两个属性还是无效，增加一条white-space: normal; 就好了