码迷,mamicode.com
首页 > Web开发 > 详细

两端对其牵扯出来的css

时间:2018-01-10 14:07:53      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:keep   指定   css   不能   bre   class   溢出   说明   日文   

overflow-wrap(css3之前称为word-wrap) 

overflow-wrap:normal | break-word;

normal:表示在正常的单词结束处换行。

break-word:表示如果行内没有多余的地方容纳该单词到结尾,则那些正常的不能被被分割的单词会被强制分割换行。

作用:用来说明当一个字符串太长,为防止其溢出,浏览器是否允许这样的单词中断换行。

word-break 

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

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

break-all:对于non-CJK (CJK 指中文/日文/韩文) 文本,可在任意字符间断行。

keep-all:CJK 文本不断行。 Non-CJK 文本表现同 normal。

作用:指定了怎样在单词内断行。

区别

word-wrap:break-word; 会首先尝试挪到下一行,看看下一行的宽度够不够,不够的话就进行单词内的断句。

word-break:break-all; 断句的方式非常粗暴,它不会尝试把长单词挪到下一行,而是直接进行单词内的断句。

两端对其牵扯出来的css

标签:keep   指定   css   不能   bre   class   溢出   说明   日文   

原文地址:https://www.cnblogs.com/PeriHe/p/8257733.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!