使用css在div中显示两行后如何显示文本溢出？

【问题标题】：How to show the text overflow after showing two lines in the div using css?使用css在div中显示两行后如何显示文本溢出？
【发布时间】：2012-01-26 16:45:28
【问题描述】：

我正在设计一个网页。我想在省略号的帮助下向 div 显示文本溢出。但我想在 div 中显示两行数据，然后我想处理文本溢出。我不想将固定高度设置为 div。如何使用 css 做到这一点？

【问题讨论】：

我已经尝试了很多次，但我被困在了你所在的地方。并且没有可能的方法，而不是使用 css。尝试使用 javascript...
只有 css 是不可能的。可以使用 jquery 吗？
所以你想显示两行文本，然后添加一个省略号。你想完全用 css 来做这件事。对吗？
我已经为一行完成了。但我希望文本在 2 行后溢出。

标签： jquery html css

【解决方案1】：

幸运的是，CSS3 添加了text-overflow 属性。不过，这最多只能截断文本（并在悬停时显示其余部分，但您可能需要点击功能）。

element {
    text-overflow: ellipsis; // exactly what you wanted
}

Examples and docs.

text-overflow 不在当前版本的CSS3 spec 中。 太糟糕了。

我建议使用javascript 或jQuery 进行此操作。

【讨论】：