CSS中word-wrap和word-break复习

Posted 2022-12-14 「已注销」

word-break定义元素内容文本的字间与字符间的换行行为

• normal：默认的换行规则。依据各自语言的规则，允许在字间发生换行。
• keep-all：对于 CJK（中文，韩文，日文）文本不允许在字符内发生换行。Non-CJK 文本表现同normal
• break-all：对于 Non-CJK 文本允许在任意字符内发生换行。该值适合包含一些非亚洲文本的亚洲文本，比如使连续的英文字符断行。
• break-word：与break-all相同，不同的地方在于它要求一个没有断行破发点的词必须保持为一个整体单位。这与word-wrap的break-word值效果相同

word-wrap设置或检索当内容超过指定容器的边界时是否断行。

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

CSS3中将word-wrap改名为overflow-wrap；
注：word-wrap 属性原本属于微软的一个私有属性，在 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap 。 word-wrap 现在被当作 overflow-wrap 的 “别名”。 稳定的谷歌 Chrome 和 Opera 浏览器版本支持这种新语法