您的位置:主页 > 新闻资讯 > 常见问题 >
自适应手机网站英文不会自动回行的解决方案
发表日期:2019-09-30 14:59   文章编辑:flhfelygo    浏览次数:
 

博路网络前几天在做一个自适应手机网站时,碰到一个急手的问题,就是手机网站英文版中,公司简介英文都能在手机端根据宽度中自适应回行,就碰到产品中的英文参数不好自动回行,查看了下css代码,宽度是用的96%自适应宽度,也没有其它固定死的宽度代码,其它所有内容都能自动回行,就是这一段英文参数不会回行。后台终于发现是因为没有使用自动回行中断代码:word-break:break-all;word-wrap:break-word,把这个代码写入不自动换行的css中就ok了。如下面:

<div style="width:96%; margin:0 auto;word-break:break-all;word-wrap:break-word"></div>

最后手机端刷新后,就自动回行了。

标签:    
如没特殊注明,文章均为博路网络原创,转载请注明来自https://www.boroad.net/news/changjianwenti/2019/0712/192.html