自动换行的实现方法
[ 2006-02-24 22:42:39 pm |作者： Bijia ]
字体大小：大|中|小
1.(ie浏览器)空白：normal； 魔兽世界： break-all； 在这里前者遵循标准。
#wrap{white-space:normal； width:200px； }
或者
#wrap{word-break:break-all； width:200px； }
eg。
DD 111111111111111111111111111111111111111111111111111111111111效果：可以换行
2.) Firefox浏览器(白色-空间：normal； 魔兽世界： break-all； Overflow :隐藏； 同样的FF也无法很好地实现，只能隐藏或添加滚动条。 当然，不添加滚动条更有效。
#wrap{white-space:normal； width:200px； Overflow :自动； }
或者
#wrap{word-break:break-all； width:200px； Overflow :自动； }
eg。
DD 1111111111111111111111111111111111111111111111111111效果：容器正常，内容隐藏
选项卡时
1.(ie浏览器)使用样式table-layout:fixed；
eg。
. tb{table-layout:fixed}
abcdefghigklmnopqrstuvwxyz 1234567890效果：可换行
2.(ie浏览器)使用样式table-layout :固定和通告
eg。
. tb {table-layout:fixed}
abcdefghigklmnopqrstuvwxyz 1234567890效果：可换行
3.) ie浏览器)将td大小固定为百分比时，使用样式table-layout:fixed和nowrap
. tb{table-layout:fixed}
abcdefghigklmnopqrstuvwxyz 1234567890 abcdefghigklmnopqrstuvwxyz 1234567890效果：两个td均正常换行
3.(Firefox浏览器(对于固定td大小的百分比，使用样式table-layout:fixed和nowrap，使用div
eg。
. tb {table-layout:fixed}
. td {overflow:hidden； }
abcdefghigklmnopqrstuvwxyz 1234567890 abcdefghigklmnopqrstuvwxyz 1234567890其中单元格的宽度必须定义为百分比
效果：显示正常，但不能换行。 (注： FF没有可以换行容器内容的好方法。 只能用overflow隐藏多余的内容，以免影响整体效果。 ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) 652
posted on 2008-04-17 10:28岁月如歌阅读(224 )评论)0)编辑收藏所属分类： css