html 中长单词换行问题

style:“word-wrap:break-word;或word-break:break-all;”

用来解决长字符串/长单词不能自动换行而导致的内容溢出空间问题


word-wrap:break-word

css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。

word-wrap :break-word;允许单词内断句。在本行空间不够的情况下它会首先 挪到下一行 ,再适当进行单词内断句。 有一定的空间浪费

//单独使用该属性时需要设置标签width:value;


word-break:break-all

css的 word-break 属性用来标明怎么样进行单词内的断句。

word-break:break-all;不会把长单词挪到下一行,而是直接进行单词内的断句。 空间利用率高

//单独使用该属性时不必设置标签width:value;

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值