html – 控制TD元素溢出

前端之家收集整理的这篇文章主要介绍了html – 控制TD元素溢出前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有很长的文字TD.我希望它被省略,但是我不想定义这个列的绝对宽度 – 我希望它由它的父表动态计算.可能吗?这是一个代码,例如:
<table width="100%" border="3">
<tr>
<td ><span style="white-space: nowrap; overflow: hidden; 
 text-overflow: ellipsis;" >
Here should be very long text: 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</span></td>
</table>

有没有办法强制IE浏览器显示省略号,即使没有定义具有绝对宽度的“span”元素,例如:width = 300px?

解决方法

最好的答案我发现:
将TD的长内容包含在表中,其定义如下:’table-layout:fixed’这将神奇地解决这个问题.
你自己看 –
<table width="100%" border="3">
<tr> <td>
<TABLE width=100% cellpadding=0 cellspacing=0 style='table-layout:fixed'><TR>
<TD style='text-overflow: ellipsis; overflow: hidden; white-space: nowrap;'>
Here should be very long text: 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</TD></TR></TABLE>
</td>
</table>

猜你在找的HTML相关文章