不固定宽度TD里超长内容不换行而超出部分自动隐藏
一个类似这样的TABLE,其中一个TD的宽度不固定,如何能让该TD的内容在一行内显示不换行,并且超出的部分能自动隐藏掉?(宽度不固定的情况下OVERFLOW貌似不起作用,而用了nowrap以后TD就被撑开了)
解决参考1:
想到个曲线救国的方法貌似可以解决,利用垂直方向的overflow:hidden;
<td>
<div style= "overflow:hidden; height:20px; line-height:20px; ">
超长的不希望换行而希望能自动隐藏的内容,超长的不希望换行而希望能自动隐藏的内容
</div>
</td>
解决参考2:
综合参考:
FF下,TD的样式里需要加入 overflow:hidden;
本文介绍了解决HTML表格中TD单元格内容过长时不换行并自动隐藏超出部分的方法。提供了两种实现方案:一是通过调整TD内的DIV元素样式实现;二是设置TD的white-space和overflow属性。
710

被折叠的 条评论
为什么被折叠?



