Spi*_*man 13 html css ellipsis
我有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>
Run Code Online (Sandbox Code Playgroud)
有没有办法迫使IE浏览器显示省略号,即使没有用绝对宽度定义'span'元素,例如:width = 300px?
Spi*_*man 35
我找到的最佳答案是:在表格中包含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>
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
25614 次 |
最近记录: |