品易云推流 关闭
文章详情页
文章 > css教程 > css中word-break属性是什么

css中word-break属性是什么

css word-break

头像

小妮浅浅

2021-10-23 10:56:197929浏览 · 0收藏 · 0评论

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属性的介绍,希望对大家有所帮助。更多css学习指路:css教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图