引导收起两个directons

Question

以下问题打开：

我试图重建与div元素的表，所以我可以用Metafizzy同位素过滤它们。到现在为止还挺好。每行都有一个按钮，可以打开/关闭附带的手风琴/折叠。崩溃应该从上到下滑动，所以它有两行，所以它有两个li元素。但为了保持排序，我不得不把我的崩溃填入我的第一个li元素。这就是当崩溃开始推动上面的div元素，直到没有剩余空间，然后下降，直到它完全打开。

https://codepen.io/paulhaem/pen/ZJELJr

感谢如何解决这个任何建议！

Answer 1

当前，您目前使用min-height: 60px; align-items: center;将行中的内容居中。但是，如果展开折叠元素，则内容的高度会增加超过60px，因此您的折叠元素也会增加。使用您当前的标记和样式，您可以通过向grid-item__line提供padding-top和padding-bottom来解决问题。就像

li.grid-item__line { 
    padding-top: 15px; 
    padding-bototm: 14px; 
    ... 
}