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

Question

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

Answer 1

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

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

Examples and docs

text-overflow不在CSS3 spec的当前版本中。 Bummer。

我建议您使用javascript或jQuery。