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

181 阅读 0 评论 120 点赞

我是靠谱客的博主落后哈密瓜，最近开发中收集的这篇文章主要介绍做文章系统时, 如何让长篇的文章自动换行，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

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