文本溢出显示... 和文本的断点换行

文本的显示在前端算是比较X疼的一件事,如何处理断行和在手机端的显示内容呢?

文本换行 断点

1
2
3
4
5
6
7
8
9
word-break:  属性规定自动换行的处理方法
normal 使用浏览器的默认换行方式
break-all 允许在单词内断行
在使用英文多的时候能够整齐换行
keep-all 只能在半角空格或连字符处换行

word-wrap: 允许长单词或 URL 地址换行到下一行
normal 只在允许的断点处处理(按浏览器默认的处理方式)
break-word 在长单词或者url内部进行换行

阅读更多