首页 > Web开发 > 详细

HTML-CSS中英文和数字不自动折行问的解决的两种方法(初学者)

时间:2020-02-11 19:34:22      阅读:107      评论:0      收藏:0      [点我收藏+]

当在一个块中输入中文,它可以自动折行如:

技术分享图片

技术分享图片   技术分享图片

 

 但输入过多的英文单词或数字时,他会超出所设置边框,即无法自动折行:

技术分享图片

 

 技术分享图片    技术分享图片

 

 解决:

一:

技术分享图片

 

 效果:

技术分享图片

 

 二:

技术分享图片

 

 效果:

技术分享图片

 

  总结:无论时使用“word-break: break-all” 还是“word-wrap:break-word”都可以达到目的,它俩的区别就是:

word-break:break-all;(非常强烈的折行)
word-wrap:break-word;(不是那么强烈的折行)

  

 

HTML-CSS中英文和数字不自动折行问的解决的两种方法(初学者)

原文:https://www.cnblogs.com/wwdahaoren/p/12295781.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!