CSS之自动换行
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是CSS如何将他们换行的方法！
对于div
1.（IE浏览器）white-space:normal;word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal;width:200px;}
或者
#wrap{word-break:break-all;width:200px;}
效果：可以实现换行 2.（Firefox浏览器）white-space:normal;word-break:break-all;overflow:hidden;同样的FF下也没有很好的实现方法，只能隐藏或者加滚动条，当然不加滚动条效果更好！ #wrap{white-space:normal;width:200px;overflow:auto;}
或者
#wrap{word-break:break-all;width:200px;overflow:auto;} 效果：容器正常，内容隐藏 对于table 1.(IE浏览器)使用样式table-layout:fixed；
.tb{table-layout:fixed}
abcdefghigklmnopqrstuvwxyz1234567890
.tb{table-layout:fixed}
abcdefghigklmnopqrstuvwxyz1234567890
abcdefghigklmnopqrstuvwxyz1234567890
.tb{table-layout:fixed}
.td{overflow:hidden;}
abcdefghigklmnopqrstuvwxyz1234567890
abcdefghigklmnopqrstuvwxyz1234567890
原创声明
本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
服务热线 19970861797
