您的位置:首页 > HTML+CSS > css中word-break属性是什么

css中word-break属性是什么

来源:https://www.py.cn/web/css/34490.html 热度:465   更新时间:2022-08-07

文章导读:1、word-break属性用于设置HTML页面中文本内容自动转换的处理方法。2、使用特定的属性值设置,可以通知浏览器实现任意位置的换行。3、word-break属性有三个值:normal、break-all、keep-all。normal。

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;
}

以上就是css中word-break属性的介绍,希望对大家有所帮助。