17年专业上海网页设计公司—上海彭塔网络技术有限公司

手机端 网站地图
当前位置:首页 > 建站常识 > 列表

如何让新闻长篇的文章自动换行

点击:时间:2017/2/19关键词:上海网站制作 自动换行 css
做文章系统时, 如何让长篇的文章自动换行 这个问题曾经有很多人提及的,根据网上的解决方法可是导致英文词语被拆散换行网上大多数文章的说法,只要在CSS中加入: table {table-layout:fixed; word-break:break-all; w

做文章系统时, 如何让长篇的文章自动换行  

这个问题曾经有很多人提及的,根据网上的解决方法可是导致英文词语被拆散换行

网上大多数文章的说法,只要在CSS中加入:  

table {table-layout:fixed; word-break:break-all; word-wrap:break-word;} 
div { word-break:break-all; word-wrap:break-word; }

就可以解决表格和层被撑破,最初我也是这样做的。不过这样的代码会造成一个问题,你会发现英文词全部被截断了,这不符合英语的书写习惯也不利于阅读。  

后来我发现上述代码改写一下就可以做到既防止表格/层撑破又防止单词断裂了。  

如下:  

table {table-layout: fixed; word-wrap:break-word;}
div {word-wrap:break-word;}
预约建站
免费提供网站优化
领取关键词