CSSだけでメイソンリーレイアウト - display: grid-lanesの使い方 (opens in new tab)

display: grid-lanes display: grid-lanesを使えば、専用のレイアウトモードとしてメイソンリーを実装できます。 .lanes { display: grid-lanes; grid-template-columns: repeat(auto-fill, minmax(144px, 1fr)); gap: 10px; } メイソンリーに必要なのは、最初の2行です。display: grid-lanesでレイアウトモードを切り替...