失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > css p div标签内长英文自动换行长中文不换行

css p div标签内长英文自动换行长中文不换行

时间:2022-04-21 01:54:20

相关推荐

css p div标签内长英文自动换行长中文不换行

长英文换行

在css中 div,p,h标签等遇到连续的大段英文和数字时候,并不会按照正常情况下自动随盒子宽度限制而自动换行。

解决办法: word-wrap:break-word

解释:使用break-word时,是将强制换行。

参考链接: css word-break

<divclass="demo">dsfaskfhsdfljksdhfkjsdhfkjlskflhsdfjkhsdjfkhsdlfkjhsdfsadkljfhsadkjfhskdjsadfasdfsadfsadfasdfsadfsdfsadfsadfsfsdfasfsadfsdf</div>//css.demo{width:200px;height:50px;line-height:50px;word-wrap:break-word;}

长中文不换行

有时候碰到某段长中文,不想照正常情况下自动随盒子宽度限制而自动换行。

解决办法: white-space:nowrap

解释:使用white-space时,是将强制不换行。

参考链接: css white-space

<divclass="demo">富强、民主、文明、和谐,倡导自由、平等、公正、法治,倡导爱国、敬业、诚信、友善</div>//css.demo{width:200px;height:50px;line-height:50px;white-space:nowrap}

作者:littlelights

链接:/p/20f91c243fed

来源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

如果觉得《css p div标签内长英文自动换行长中文不换行》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。