Javascript 在未定义大小的div中隐藏溢出段落

我有一个容器div，其绝对位置由视口的百分比（通过几个父元素）定义，即高度由

div{top:15%；bottom:10%}

给出。宽度也有类似的定义

我希望这一部分包含的文本能够填满整个区域，没有荒谬的间距，包括一定数量的“强制性”段落，如果有空格，后面是几个“可选”段落。其想法是，它将被安排，以便最大数量的整段将被显示，然后间隔均匀，以填补div。如果必要的话，我可以有一个滚动溢出作为一个后退，但我宁愿不。如果有空间的话，我只想包括额外的信息（可能包括图形），而不是在需要滚动的小屏幕上展示文章

---

有没有关于使用CSS和/或javascript的解决方案的想法？

对于媒体查询，您可以根据屏幕尺寸隐藏或显示元素，我可以，尽管我担心浏览器高度太多变，不实用。我希望选择更具活力。但如果没有更好的方法，我可以试一试。看看它，你可以设置一些不同的断点，允许一些调整。我很高兴给你进一步的见解，但我的床在召唤我。媒体查询的魔力将为您提供解决方案，我相信：-p