【发布时间】：2013-09-14 22:03:26
【问题描述】：
实际上我认为我的问题将没有答案，但我试一试...... 有什么方法可以只处理浮动 div 中文本的可见部分吗？
我的意思是，有一个高度为 300 像素的 div，其中一个动态文本的高度约为 500-600 像素。我创建了一个工具来展示所有内容。在“折叠”状态下，我想将“...”放在最后一条可见行的末尾。有人认为这是可能的吗？
【问题讨论】：
【发布时间】：2013-09-14 22:03:26
【问题描述】：
是的，这是可能的：
p {
text-overflow: ellipsis;
white-space: nowrap;
}
更多信息：http://davidwalsh.name/css-ellipsis
编辑：这似乎只适用于单行元素。我为多行找到的另一个解决方案：http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/
【讨论】：
-
正如我所见，这仅适用于 1 行。 Multiply 行也减少为 1 行，并且“...”出现在行尾，但这并不是我要找的。span>
-
这是我的示例，你可以看到，只出现了 1 行，但应该有 3 行：jsfiddle.net/hFTsT