何年も前、 Firefoxは「Masonry Layout」を出荷しました あなたが単にここで grid-template-rows: masonry; グリッド内の特定の行を定義するか、自動作成させる代わりに。それはひどく強力ではありませんでしたが、多くのユースケースのためにトリックをしました。
GoogleとAppleがこのスタイルのレイアウトをより良くする方法について競合するアイデアを持っているこの1年ほどに、この関心が新たに興味を持っています。
グーグルフォークは考えてください display: masonry; 他の多くのプロパティがその仕組みを制御する他のプロパティで、最適です。 彼らは今、それを旗の後ろに出荷しました、だから私たちは彼らの頭がどこにあるか知っていると思います。
アップルフォークは、私たちはそれを維持できると思います display: grid; しかし 「アイテムフロー」プロパティを紹介します、呼ばれるものを含む item-pack レイアウトを達成し、レイアウトスタイル全体で他の有用な動作の扉を開くでしょう。
3つのブラウザ、出荷された実装を含む3つの異なる状況。
これがきれいに揺れることを願っています。
Views: 0
