td 超出宽度隐藏_内容超出表格<td>宽度则自动隐藏

在表格中，有时候当表格中的内容多了就会把表格自动加宽、变形等问题。

如果想将超出表格的部分自动隐藏，解决办法如下：

第一种办法：直接隐藏(当文字超出TD宽时，自动隐藏)，有个缺点就是可能最后面会出现只显示半个字的情况，印象美观。

无标题文档

td{border:1px solid #ccc}

td span{width:100px; height:200px;display:block;overflow:hidden;white-space:nowrap;word-break:keep-all;}

测试测试测试测试测试测试测试测试测试测试测试测试测试测试测

测试测试测试测试测试测试测试测试测试测试

第二种办法：当表格中的内容超过设定值时，则自动隐藏

dw8.cn

#yc {

width:600px;

height:100px;

overflow:hidden;

}

51UDF 集合当前最热门的PHP开源框架(Discuz、phpwind、Ecshop、DedeCMS、WordPress、HDWiki)进行源代码分析及二 次开发，为广大PHP二次开发爱好者提供一个完美的学习和交流平台。

大家不妨复制到本地试试，很实用哦！