免费开源的5UCMS5UCMS 免费开源的站群CMS系统

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

做文章系统时,如何让长篇的文章自动换行 这个问题曾经有很多人提及的，根据网上的解决方法可是导致英文词语被拆散换行 网上大多数文章的说法，只要在CSS中加入： table{ table-layout:fixed; word-break:break-all; word-wrap:break-word; } div{ word-break:break-all; word-wrap:break-word; } 就可以解决表格和层被撑破，最初我也是这样做的。不过这样的代码会造成一个问题，你会发现英文词全部

站群cms客户服务

作者: 来源: 时间: 17-11-23 15:10:23

做文章系统时, 如何让长篇的文章自动换行 
这个问题曾经有很多人提及的，根据网上的解决方法可是导致英文词语被拆散换行 

网上大多数文章的说法，只要在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; 
} 
11
22
33

5UCMS.COM

Since 2015 自豪地采用5ucms内核构建！
微信/QQ:3876307 皖ICP备09005092号
点下方图标可留言 网站地图

微信扫一扫

推荐内容

订阅



隐藏区块

会员注册

本功能为预留功能，暂不支持注册 ^_^

Login

社交帐号登陆

使用以下任意帐号可登陆本站

Close section

网站栏目

服务范围

快捷导航

推荐/合作

Close

联系我们

关于5UCMS 您有任何需求 均可以留言给我们