更改浏览器默认换行规则之word-break:break-all和word-wrap:break-word

更改浏览器默认换行规则之word-break:break-all和word-wrap:break-word
以下是对这两种方法的区别说明:
1,word-break:break-all

例如div宽200px,它的内容就会到200px自动换行, 如果该行末端有个英文单词很长(studying等),它会把单词截断,变成该行末端为stud(studying的前端部分), 下一行为ying(studying)的后端部分了。

2,word-wrap:break-word

例子与上面一样,但区别就是它会把studying整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值