举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > css中word-break CSS3 word-break 属性

css中word-break CSS3 word-break 属性

2023-04-28 16:31 CSS参考手册

css中word-break CSS3 word-break 属性

css中word-break

CSS中的word-break属性是用来控制文本换行的,它可以让文本在指定的位置换行,而不是在单词之间换行。word-break属性可以让文本在不同的浏览器中显示出相同的效果,这样就可以避免浏览器之间出现差异。

word-break 属性有三个可选值:normal、break-all 和 keep-all。normal 值会使文本在单词之间换行;break-all 值会使文本在任意位置换行;keep-all 值会使文本只能在单词之间换行。

.example { 
    word-break: normal; 
} 

CSS3 word-break 属性

CSS3 word-break 属性


实例

在合适的点换行:

p.test {word-break:break-all;}


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Property
word-break 4.0 5.5 15.0 3.1 15.0

属性定义及使用说明

word-break属性指定非CJK脚本的断行规则。

提示:CJK脚本是中国,日本和韩国("中日韩")脚本。

默认值: normal
继承: yes
版本: CSS3
JavaScript 语法: object.style.wordBreak="break-all"


语法

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

描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。
阅读全文
以上是鳄鱼CMS为你收集整理的css中word-break CSS3 word-break 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们