如何仅使用 css 创建砌体布局?

How to create masonry layout using css only?

我只想使用 css 创建砌体布局,我阅读了互联网上的所有教程,但他们使用列 属性 来划分布局,这里的问题是布局将显示为这个(1,2,3...是一个项目)。

1|3|5
2|4|6

我希望我的布局必须是:

1|2|3
4|5|6

我想使用 css only.Please 如果您有任何解决方案或想法来解决这个问题,请告诉我。

您可以使用 flexbox。请参阅 codepen for example, and complete guide to flex box 以了解更多信息。

为了保持布局水平,请根据自己的喜好调整flex-direction