美文网首页
word-break 与 word-wrap的区别

word-break 与 word-wrap的区别

作者: jeneen1129 | 来源:发表于2020-10-13 17:26 被阅读0次

word-break属性

/* 关键字值 */
word-break: normal; 
word-break: break-all; 
word-break: keep-all;

/* 全局值 */
word-break: inherit;
word-break: initial;
word-break: unset;

normal
使用默认的换行规则。
break-all
允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行。
keep-all
不允许CJK(Chinese/Japanese/Korean)文本中的单词换行,只能在半角空格或连字符处换行。非CJK文本的行为实际上和normal一致。

word-wrap属性

/* 关键字值 */
word-wrap: normal;
word-wrap: break-word;

/* 全局值 */
word-wrap: inherit;
word-wrap: initial;
word-wrap: unset;

normal
就是大家平常见得最多的正常的换行规则。
break-word
一行单词中实在没有其他靠谱的换行点的时候换行。

word-wrap与word-break区别

word-wrap:break-word
word-break: break-all;

相关文章

网友评论

      本文标题:word-break 与 word-wrap的区别

      本文链接:https://www.haomeiwen.com/subject/ncovpktx.html