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 — 继承父元素
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值