如何僅使用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

回答