html - TD元素的控制溢出

Question

我有一个带有长文本的 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？

Answer 1

我找到的最佳答案:用定义将 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>