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二次开发爱好者提供一个完美的学习和交流平台。 |
大家不妨复制到本地试试,很实用哦!
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
