CSS实现文字换行

强制不换行:div{ white-space:nowrap; }

自动换行: div{ word-wrap:break-word; word-break:normal; }

 

强制不换行

white-space : normal | pre | nowrap | pre-wrap | pre-line | inherit

normal ; 默认。空白会被浏览器忽略。

pre :  空白会被浏览器保留。其行为方式类似 HTML 中的

 标签。

nowrap :  文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。

pre-wrap:保留空白符序列,但是正常地进行换行。

pre-line:合并空白符序列,但是保留换行符。

inherit:规定应该从父元素继承 white-space 属性的值。

 

设置强行换行
word-break : normal | break-all | keep-all

normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行

break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法

你可能感兴趣的:(CSS实现文字换行)