word-break

  • 版本:CSS3
  • 媒体:视觉

语法:

word-break:normal | keep-all | break-all

默认值normal

适用于:所有元素

继承性:有

动画性:否

计算值:指定值

相关属性:<' word-wrap '>

取值:

normal:
依照亚洲语言和非亚洲语言的文本规则,允许在字内换行。
keep-all:
与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本。
break-all:
该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本,比如使连续的英文字母间断行。

说明:

设置或检索对象内文本的字内换行行为。
  • 对于解决防止页面中出现连续无意义的长字符打破布局,应该使用break-all属性值;
  • 作为IE的私有属性之一,IE5.5率先实现了 <' word-break '> ,后期被w3c采纳成标准属性;
  • 对应的脚本特性为wordBreak

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0-14.0 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+
15.0+
keep-all 6.0+ 2.0-14.0 4.0-45.0 6.0-8.0 15.0-29.0 6.0-8.3 2.1-4.4.4 18.0-42.0
15.0+
  1. 不支持:keep-all 作为参数值。

示例: