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 ...
}

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