返回

word-wrap word-brak text-wrap

word-wrap

允许对长的不可分割的单词进行分割并换行到下一行。(中英文处理效果一样)word-wrap有两个取值:

1、word-wrap:normal:效果如下

只在允许的断字点换行(浏览器保持默认处理)。

2、word-wrap:break-word:在长单词或URL地址内部进行换行,在容器末端不会截断单词,而是作为整体自动换行效果如下

Hello everyone, I was a big brother, I'm your boss.

word-break

规定非中日韩文本的换行规则。(对中文正常换行,对英文按照如下说明处理)有三个取值:

1、word-break: normal;等价于word-wrap: normal

2、word-break: break-all:允许在单词内换行。( 即在容器末端有长单词不能完全显示,会截断单词 )

Hello everyone, I was a big brother, I'm your boss.

3、word-break: keep-all:只能在半角空格或连字符处换行。

text-wrap

规定文本的换行规则,有4个取值:

1、text-wrap:normal;只在允许的换行点进行换行。

2、text-wrap:none;不换行。元素无法容纳的文本会溢出。

Hello everyone, I was a big brother, I'm your boss.

3、text-wrap:suppress:压缩元素中的换行。浏览器只在行中没有其他有效换行点时进行换行。

4、text-wrap:unrestricted:在任意两个字符间换行。

目前主流浏览器都不支持 text-wrap 属性