- CSS作業グループが CSS Grid Layout Module Level 3、通称 CSS のレンガ積みレイアウト（Masonry Layout）の最初の公開作業草案を発表
- この草案は、グリッド統合構文とグリッド独立構文という2つの可能な構文形式によって、レンガ積みレイアウトを CSS の組み込み機能として扱う
- この草案の公開により、2つの構文形式の相対的な利点についての議論が促進されることを期待
CSS作業グループの決定事項
- CSS作業グループは、このレイアウトモデルに完全な混合トラックサイズ調整を採用することを決議
- これにより、CSSグリッドレイアウトで表現できるあらゆる可能なトラック一覧を、レンガ積みレイアウトでも許可
- これは両提案の基本レイアウトモデルを統合するものであり、その結果、両方の構文形式はいずれもレンガ積みレイアウトに対して本質的に同等の機能を表す（初期値の違いに関する未解決の課題が一部存在）
- 混合トラックサイズ調整に伴う性能上の問題に対処するため、この草案ではレイアウトモデルにおける特定の性能最適化を概説し、サブグリッドなどに関する一部の単純化された経験則を採用
2件のコメント
Masonry Layout については MDN で分かりやすく説明されています。
https://developer.mozilla.org/en-US/docs/…
WebKit チームも 4月にこれに関する協力要請の記事を書いています。
CSS Grid Level 3、いわゆる "Masonry" レイアウトを作るための協力要請
この記事には Masonry レイアウトについて、実例ベースで説明した画像が含まれているので参考にしてください。