插入未知高度的元素时以编程方式确定分页限制

Question

我有一个高度为300的父元素，我将li元素插入其中。 li元素填充有任意长度的字符串，这导致父li元素的高度变化。问题是，有时组合的li元素的高度超过了导致它们溢出的父元素的高度。我想检测溢出，然后减少每页的项目数，直到没有溢出。但是，我担心在DOM中执行这些操作会出现性能问题。