我正在开发一个从数据库提取数据的详细信息页面。详细信息页面可能包含来自其他两个表的相关数据,这两个表可能没有或有许多记录要显示。
基本结构如下(使用 Bootstrap):
<div class="scrolling">
<h2>First Group of Records</h2>
<ul class="list-group">
<li class="list-group-item">
Related record details
</li>
...
</ul>
</div>
<div class="scrolling">
<h2>Second Group of Records</h2>
<ul class="list-group">
<li class="list-group-item">
Related record details
</li>
...
</ul>
</div>
scrolling
类的 CSS 是:
.scrolling {
height: 30%;
overflow-y: scroll
}
这很有效,几乎给了我想要的东西,但如果不需要额外的空间,我希望每个滚动的 div
都能缩小。如何使用现有的 Bootstrap 功能或附加 CSS 来做到这一点?
最佳答案
再用谷歌搜索一下就解决了这个问题。这似乎按我想要的方式工作:
.scrolling {
height: 30%;
resize: both;
overflow-y: scroll;
}
关于html - 如何将可滚动列表设置为具有最大大小,但在不需要时缩小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64885162/