想让CSS自动换行怎么做？

msblast 2009-07-27 03:50:40

http://www.131x.com/BlogView.aspx?Id=1023
我在body的css里加了 table-layout:fixed;
overflow:hidden;
word-break:break-all;但是没用

...全文

87 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

msblast 2009-07-27

打赏
举报

回复

IE6 IE7

lihan6415151528 2009-07-27

打赏
举报

回复

你那是什么浏览器？
http://www.blueidea.com/tech/web/2006/3469.asp

hypnoz 2009-07-27

打赏
举报

回复

你那个是pre的事情吧pre去了

zabaglione 2009-07-27

打赏
举报

回复

学习中

浴火_凤凰 2009-07-27

打赏
举报

回复

word-break:break-all;不行么？

msblast 2009-07-27

打赏
举报

回复

？？？？？？？？？？？？？？？？？？？？？？？

下面小编就为大家带来一篇css控制文字自动换行的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

主要介绍了css是如何实现在页面文字不换行、自动换行、强制换行的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

本课程主要目标是教给大家： 1）HTML和CSS能干什么？ 2）HTML和CSS是什么？ 3）HTML和CSS怎么用，这里会讲解常用到的HTML和CSS的使用规则 4）一步一步开发一个响应式的页面 QQ交流群：659123270

在做企业站的英文版的时候，英文单词由于剩下的空间不足，导致整个单词都换行，造成单词之间的空隙太大。如下图：使用css属性word-break:break-all; 后的效果：如下图：强制不换行复制代码代码如下:{ white-space:nowrap; } 自动换行复制代码代码如下:{ word-wrap: break-word; word-break: normal; } 强制英文单词断行复制代码代码如下:{ word-break:break-all; } CSS设置不转行： overflow:hidden 隐藏 white-space：normal 默认 pre 换行

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

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章