成都公司:成都市成华区建设南路160号1层9号
重庆公司:重庆市江北区红旗河沟华创商务大厦18楼
如何用表格实现overflow:hidden
众所周知,DIV+CSS里如果文本过长可以用overflow:hidden来隐藏超出的部分,但在表格td里就不起作用了,下面举两个例子
第一种,用DIV
<div style="width:20px; white-space:nowrap; overflow:hidden;">重庆网站建设,重庆网站制作,重庆网页设计,网站制作公司,重庆做网站,重庆品牌</div>
第二种,用td
<table><tr><td style="width:20px; white-space:nowrap; overflow:hidden;">>重庆网站建设,重庆网站制作,重庆网页设计,网站制作公司,重庆做网站,重庆品牌</td></tr></table>
由此可见第一种是能正常隐藏的,而第二种则行不通,在这种情况下就要用到table-layout的fixed属性了

<style type="text/css">
table {width:20px;table-layout:fixed;}
td {white-space:nowrap;overflow:hidden;}
</style>
加上这段代码后,就可以实现td也自动隐藏超出文本了。

