CSS - 强制溢出元素在部分隐藏时消失

Question

假设我们有一个包含一些简短段落的方框：

<div style="overflow:hidden">
    <p>Some text</p>
    <p>Some text</p>
    <p>Some text</p>
    <p>Some text</p>
</div>

框的高度是可变的，因此有时其中一段的文字被部分隐藏。

是否存在强制段落完全显示或根本不显示的CSS属性，还是需要使用javascript计算？

Answer 1

我知道无法用CSS做到这一点，但是使用JavaScript，你可以检查：

var parent = element.parentElement;
if (element.clientTop + element.clientHeight > parent.clientTop + parent.clientHeight) {
    ... element is outside parent ...
}

您可以使用二进制搜索来查找最后一个完全可见的段落。