如何仅使用 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
。
我只想使用 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
。