Я пытаюсь использовать Vuetify Flex CSS Помощники для создания карт различной высоты. Карты могут заворачиваться, когда места больше нет. Тем не менее, я хотел бы, чтобы упаковка была более умной. Прямо сейчас они переносятся в конец предыдущей «строки», но есть ли способ заставить их переноситься в контент с наивысшим основанием, чтобы минимизировать количество места, выделенного для всего компонента? Вот пример кода:
<v-card class="d-flex flex-wrap" color="grey lighten-2" flat tile>
<v-card class="align-self-start" outlined tile>
...
</v-card>
<v-card class="align-self-start" outlined tile>
...
</v-card>
...
</v-card>
Вот полный пример CodePen . В нем вы увидите, когда закроется последняя карта, она окажется под первой картой. Но между первой картой и последней картой теперь много вертикального пространства. Я хотел бы удалить это вертикальное пространство. Возможно ли это?
Спасибо