word-break和word-warp和white-space的相同与不同

word-break:在单词内怎么断行

  • normal — 英文不换行,cjk自动换行
  • break-all — 对于中文/日文/韩文,可在任意字符间断行,会挤在一起,乱断句
  • keep-all — CJK不断行,英文也不换行
  • break-word — 和word-warp:break-word一样

Word-warp: 允许长的内容可以自动换行

  • normal — 浏览器默认处理
  • break-word — 在内部换行

White-space: 

  • normal — 空白会被忽略,word-break和word-warp可发挥作用
  • pre — 空白被保留
  • nowrap — 不允许换行
  • pre-warp — 保留空白符号,正常换行
  • pre-line — 合并空白需六,但是保留换行符
  • inherit — 继承父元素

猜你喜欢

转载自blog.csdn.net/liangxhblog/article/details/81508184
今日推荐