我正在使用 Vue3 和 bootstrap 5 构建一个网络应用程序。但我认为这个问题只涉及 bootstrap。我想要做的是限制折叠的手风琴段的高度，这样当其内容很长时，它不会将其他段踢得太低。
我尝试的是将 max-height 和 Overflow: auto 添加到类 .collapsing 中，并且我已经将“collapsing”添加到手风琴的类中，但随后手风琴滚动到该高度，一秒钟后跳转到完全展开。在 node_modules bootstrap 文件夹中，我查看了 _accordion.scss 并将“overflow-anchor”更改为 auto，但没有任何更改。
1
859.collapsing {
max-height: 100px !important;
overflow: auto !important;
}
在这个示例文件中，我只是从 bootstrap 中获取了手风琴示例（在“Flush”下），所以我的 vue 文件如下所示：
Placeholder
this must be long
this must be long
this must be long
this must be long
this must be long
this must be long
this must be long
this must be long
this must be long(thats what she said)
Placeholder content for this accordion, which is intended to demonstrate the.accordion-flushclass. This is the second item's accordion body. Let's imagine this being filled with some actual content.
有什么想法吗？谢谢
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
找到了！ 你必须把类放在手风琴体中。 所以首先定义一个类，例如
.restrict-collapsing { max-height: 100px !important; overflow: auto !important; }然后在与 Accordion-body 相同的括号内调用它