css换行

css的换行显示

1. 浏览器默认显示

文本超出不会断开换行，以单词断句换行

image.png

2.word-wrap: break-word;

会先另起一行，新的行放不到再把单词断开换行。

image.png

3.word-break: break-all;

不会去新起一行，而是直接在后面跟着，如果放不下，则会强制把单词断开换行。

image.png