Избегайте изменения столбцов в CSS-сетке - PullRequest
0 голосов
/ 31 января 2019

Прежде всего, я хочу показать вам мою текущую конструкцию:

enter image description here

Это простая Div-Box-Grid с расширяемыми текстами.Теперь у меня есть некоторые проблемы с расширяемой функцией.Ящики сортируются снова и снова между тремя столбцами, когда я раскрываю один ящик.Это не очень удобно и вызывает странные скачки.

Я уже использовал «break-inside: избежать-column», поэтому ящики не разбиваются, но это не решает проблему.

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;

Кто-нибудь знает решение?

Заранее большое спасибо,

Marvin

...