Heim > Artikel > Web-Frontend > CSS网页布局中 DIV和TABLE超出宽度自动换行的情况分析_html/css_WEB-ITnose
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,在52CSS.com中不乏这方面的文章,现在总结一下CSS如何实现换行的方法,只要在CSS中定义了如下句子,可保网页不会再被撑开了。
对于div,p等块级元素
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
Example Source Code [www.52css.com]
html
Example Source Code [www.52css.com]
html
Example Source Code [www.52css.com]
#wrap{word-wrap:break-word; width:200px;}
Example Source Code [www.52css.com]
html
Example Source Code [www.52css.com]
52csscom52csscom52csscom52csscom52csscom52csscom |
Example Source Code [www.52css.com]
52csscom52csscom52csscom52csscom52csscom52csscom | 52csscom52csscom52csscom52csscom52csscom52csscom |
Example Source Code [www.52css.com]
52csscom52csscom52csscom52csscom52csscom52csscom | 52csscom52csscom52csscom52csscom52csscom52csscom |
Example Source Code [www.52css.com]
.wrap { table-layout:fixed; word-break: break-all; overflow:hidden; }