这是基本设置：
<table>
<tr>
<td id="short">A medium width cell.</td>
</tr>
<tr>
<td id="long" style="overflow: hidden; text-overflow: ellipsis;">A long long long long long long cell.</td>
</tr>
</table>
（另请参见http://jsfiddle.net/vp1rzrnt/。）
我想要实现的是，#long第二个表格行中的单元格在单元格上的宽度没有扩大，#short只是被切断了。
不幸的是，仅仅overflow: hidden按照我的方式进行设置并不能解决问题。
由于内容是动态的，因此我无法设置固定的宽度。
理想情况下，我希望仍然可以使用该text-overflow: ellipsis;功能发出切割信号。
这只是css解决方案。
两者的混合物GCyrillus [SOLN]我的[SOLN]以前的解决方案。
jsFiddle：http : //jsfiddle.net/vp1rzrnt/8/
更新 ：
td {
border: solid;
display:block;
}
#short, #long {
width:100%;
}
#long {
margin-right:-1000px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
html：没有其他标签
<table>
<tr>
<td id="short">A medium width cell.</td>
</tr>
<tr>
<td id="long">A long long long long long long cell.</td>
</tr>
</table>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句