我可以完全隐藏半截断的文本行吗？

Question

如果我将一个文本体放入一个具有设定高度和隐藏溢出的容器中,我通常会得到最终的线条,可以适合被切断.示例jsFiddle或image:

有没有办法让这条线不完整而不是发生这种情况？

场景是我的列是动态高度(父高度的100%,身高的80%),包含博客文章,我想在底部显示"全部阅读",如果有的话溢出的文字(容易确定).目前它只是看起来很可怕,一半的渲染文本坐在它上面.

我无法删除溢出,因为列需要在导航之前结束,导航位于页面底部.

Answer 1

您可以从该属性中获得启发text-overflow，但您必须使用 JavaScript 来实现多行：http://pvdspek.github.com/jquery.autoellipsis/（通过使用 CSS，使用“...”来表示多行的溢出块线）