避免CSS网格中的列更改

Question

首先，我想向您展示我目前的结构：

这是一个简单的Div-Box-Grid，具有可扩展的文本。 现在，我在扩展功能上遇到了一些问题。 当我展开一个框时，框在三列之间一次又一次地排序。 这不是很友好，会产生奇怪的跳转。

我已经使用了“闯入：避免行”，所以盒子不会分开，但这并不能解决问题。

Grid-Wrapper：

columns: 3;
column-gap: 25px;

网格内的框：

width: 100% !important;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
margin-bottom: 25px;
transition: all .7s;
display: inline-block;

有人知道解决方案吗？

在此先感谢

马文