首页 > 文章列表 > css中word-break属性是什么

css中word-break属性是什么

css word-break
465 2022-08-06

1、word-break属性用于设置HTML页面中文本内容自动转换的处理方法。

2、使用特定的属性值设置,可以通知浏览器实现任意位置的换行。

3、word-break属性有三个值:normal、break-all、keep-all。

normal:使用默认的断行规则。

break-all:对于除中文、日文、韩文以外的文本内容,可以设置在任何字符之间。

keep-all:中文、日文、韩文的文本内容不断完成,其他语言的文本内容相当于normal。

实例

.keep-all {
 word-break: keep-all;
}
.break-all {
 word-break: break-all;
}
.keep-all, .break-all {
 width: 180px;
 height: 50px;
 border: 1px solid #444;
 font-size: 16px;
 display: inline-block;
}