如何仅使用CSS创建砌体布局？

我想用css创建砌体布局，我在网上阅读所有的教程，但他们使用列属性来划分布局，这里的问题是布局将显示像这样（与1,2,3 ...是一个项目）。如何仅使用CSS创建砌体布局？

1|3|5 
2|4|6

我想我的布局必须是：

1|2|3 
4|5|6

我想用css only.Please告诉我，如果你有任何解决方案或想法来解决这一问题。

砌体建立在Javascript之上，因为它可以检测位置并将所有位置都放在绝对位置。 CSS无法检测位置，但可以使用'@media queries'和'position：abolute'。 –

@DaanHeskes使用CSS是不可能的，对吧？，那么请你举个例子吗？ –

绝对不是不可能的，但不会自动对齐等。这就是Javascript所做的。您可以“定位：绝对”，并设置“顶部”和“左侧”偏移量。然后使用CSS3 Media Queries更改较小/较大的屏幕。 –

您可以使用flexbox。例如，请参阅codepen，并参阅complete guide to flex box以了解更多信息。

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

2017-03-28 12:39:13 Libi

回答