借助wbr标签实现连续英文字符的精准换行

转发自:https://www.zhangxinxu.com/wordpress/2018/09/html-wbr-word-break/

1.一般情况下的换行:

word-break:break-all或者word-wrap:break-word

2.<wbr>标签换行方式

<div style="width:150px; background:#cd0000;">
  Canvas<wbr>Rendering<wbr>Context2D<wbr>.global<wbr>Composite<wbr>Operation
</div>

如果是非连续英文字符,<wbr>需要与white-space:nowrap配合使用才有意义。

<wbr>不能与word-break:break-all同时使用,也会变得没有意义。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值