使用隐藏溢出</p>的<p>的可见文本

Question

实际上我认为我的问题没有答案，但我试一试...... 有没有办法，只处理过浮动div中文本的可见部分？

我的意思是，有一个高度为300px的div，其内部的动态文本高度约为500-600px。我创建了一个toogle来显示所有内容。在“折叠”状态下，我想在最后一条可见线的末尾加上“...”。有人认为这是可能的吗？

Answer 1

是的，这是可能的：

p { 
    text-overflow: ellipsis;
    white-space: nowrap;
}

更多信息：http://davidwalsh.name/css-ellipsis

编辑：这似乎只适用于单行元素。我发现多行的另一种解决方案：http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/