css - 使用 overflow hidden 的 的可见文本

Question

其实我觉得我的问题没有答案，但我试一试...有什么办法可以只处理过度 float 的 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/