【转】解决table不能换行的问题与css之自动换行总结

ID：8908873

大小：15.00 KB

页数：2页

时间：2018-04-11

资源描述：

《【转】解决table不能换行的问题与css之自动换行总结》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、转自：http://www.ry168.net/bbs/thread-226-1-1.htmltable不能换行问题一般是：一行里面全是数字或是字母或者结尾有多个感叹号而导致table不能换行，中文默认的会自动换行的，字母不能换行问题：style="table-layout:fixed;word-break:break-all;overflow:hidden;" 复制代码在单元格属性里加入上面这句，如：复制代码用

2、表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象。总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-sp

3、ace:normal,当定义

css #wrap{white-space:normal;width:200px;}IE浏览器连续的英文字符和阿拉伯数字,使用word-wrap:break-word;或者word-break:break-all;实现强制断行html abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111

css #wrap{word-break:break-all;width:200px;}或者 #wrap{word-wrap:brea

4、k-word;width:200px;}Firefox浏览器连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条html abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111

5、多余内容隐藏abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss复制代码2.使用table-layout:fixed;强制table的宽度,内层td,th采用word-break:break-all;或者word-wrap:break-word;换行

6、="25%"style="word-break:break-all;">abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890复制代码3.在td,th中嵌套div,p等采用上面提到的div,p的换行方法Firefox浏览器1.使用table-layout:fixed;强制table的宽度,内层td,th采用word-break:break-all;

7、或者word-wrap:break-word;换行，使用overflow:hidden;隐藏超出内，这里overflow:auto;无法起作用

abcdefghigklmnopqrstuvwxyz1234567890

【转】解决table不能换行的问题与css之自动换行总结

【转】解决table不能换行的问题与css之自动换行总结

相关文章

相关标签