css td overflow

Question

我有一张表。我的一个td我有一些较长的文本。当文本到达右边框时，它将转到该行。典型的不过，我想要的有点不同。当第一行到达边界时，我希望溢出部分被隐藏，最后3个可见字符被"…"替换。希望有人能帮忙。提前感谢您的回复。为马克干杯。

这里的例子：

http://cssdesk.com/3HTnq

Answer 1

溢出不适用于表。

您可以在表中放置一个div来解决这个问题。

这里有一个简单的例子基于你的例子

文本溢出用于获取。。。最后。

Answer 2

这里有一个小调整

    td {
        max-width:1px;         /* makes all the difference! */
        white-space:nowrap;
        overflow:hidden;
    }

试试看：https://codepen.io/dkellner/pen/MWObPgY

显然，如果你使用最大宽度并给它任何数值，浏览器会突然明白你试图剪切内容，但由于它不是一个明确的宽度，它会让内容增长。所以这是一种自动尺寸加作物，在我记忆中这是不可能的。同样，不确定为什么任何最大宽度值都会起作用，max-width:1px应该使其为一个像素宽；但它似乎适用于所有主流浏览器和Microsoft Edge。（对不起，雷德蒙，帮不了这个。）

你甚至可以给它text-overflow:ellipsis，它就像预期的那样工作。