我有很长的文字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’这将神奇地解决这个问题.
你自己看 –
将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>