欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-02 08:39:47
做文章系统时, 如何让长篇的文章自动换行  这个问题曾经有很多人提及的,根据网上的解决方法可是导致英文词语被拆散换行  网上大多数文章的说法,...
做文章系统时, 如何让长篇的文章自动换行 
这个问题曾经有很多人提及的,根据网上的解决方法可是导致英文词语被拆散换行 

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