我在任何地方都找不到相同的场景，我已经在这上面浪费了过多的时间。
我正在尝试实现一个普通的 webkit 列，其中元素在 y 方向上是可点击/可扩展的。
我画了这张图来解释我的意思：
问题是，当我展开一个元素时，列元素会重新排列，以便所有列再次变为相同的高度，这会弄乱整个视图。
有没有人遇到过这个问题？我试图在不依赖 jquery 的情况下解决这个问题，因为这是一个 React.js 应用程序，我试图不将两者混合。
CSS：
.in-columns-small {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.in-columns-small div {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
其中 in-columns-small 是包含 div 的较大正方形