在近期的项目中遇到一个小小的问题,文本太长导致自动换行,出现了好多空白区域,于是作为小白的我,百度的一下,发现了解决问题的办法。
下面我们就来探讨探讨:
1、word-wrap和word-break
1.1、css中word-wrap属性用来表明是否允许浏览器在单词中进行断句,就是俗称的换行
1.2、css的word-break用来标明该怎么样进行断句
2、语法(主流浏览器都兼容)
word-wrap:break-word; (在允许断句点进行断句)---word-wrap: normal;word-wrap: break-word;
word-break:break-all;(在长单词内部进行断句)---word-break: normal; word-break: break-all; word-break: keep-all;
想要了解更多用法请前往 W3