css文本长英文换行

做网页的时候经常会遇到文本的显示,正常字符的换行是比较合理的,但是总会遇到连续的数字和英文,把原有容器撑大出现滚动轴,影响界面美观。
以下是基于css属性的解决办法:

  • word-wrap
  • work-break

word-wrap: break-word;允许长单词换行到下一行.
work-break:break-all;规定自动换行的处理方法,允许在单词内换行

效果及区别如下:
这里写图片描述

  • white-space :nowrap 规定段落中的文本 不换行,文本会在同一行上继续,直到遇到 换行标签 为止,常用样式显示是文本溢出显示省略号,上个章节已经写到!
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值