> 文章列表 > 如何使用HTML5+CSS3属性word-break设置文字换行

如何使用HTML5+CSS3属性word-break设置文字换行

在开发系统的过程中,会发现有时界面上一行显示的内容过多,超出了范围占用其他地方,导致页面错乱。在CSS3新加的属性中,有几个属性可以用来控制行内文字换行或者显示省略号。其中,word-break属性可以设置文本内换行,对应常用的属性值有:
(1)break-all:可以在文本内换行,任意断开
(2)break-word:可以在文本内换行
(3)keep-all:不允许换行
(3)normal:可以在文本内换行
下面利用几个实例说明word-break的用法,操作如下:

如何使用HTML5+CSS3属性word-break设置文字换行