css - 使用 a 的可见文本有隐藏溢出

Question

实际上我认为我的问题将没有答案，但我试一试......有没有办法只使用浮动div内的文本的可见部分？

我的意思是，有一个高度为 300 像素的 div，其中一个动态文本的高度约为 500-600 像素。我创建了一个工具来展示所有内容。在“折叠”状态下，我想将“...”放在最后一条可见行的末尾。有人认为这是可能的吗？

Answer 1

是的，这是可能的：

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

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

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