我试图给span元素里面的td元素加上省略号。问题是，当且仅当我给span元素提供固定宽度（即以像素为单位的宽度）时，省略号才起作用。但是在我的项目中，我不能对span元素使用固定的宽度。该span元件必须在各自的内部被完全拉伸td，其可以通过使用元素width: 100%。
我的问题是：如何通过在span元素内部完全拉伸元素来使省略号正常工作td？
span {
width: 100%; /* In pixels, it is working fine */
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow:hidden;
}
这是小提琴
我正在寻找一个可以是纯CSS或JavaScript或jQuery的解决方案。该解决方案应该可以在IE8 +和firefox中使用。
PS：由于某些项目限制，我无法动态计算跨度的宽度。
编辑：我不能限制td元素的宽度，因为我正在实现td元素上可调整大小的列。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句