Subgridのもう1つ

私のグリッドレイアウトは、2つの主要なカテゴリに分類されます。

1. 多くの場合、 grid-template-columns: repeat(3, minmax(0, 1fr));柔軟性のため。
2. subgridが不可欠になる複雑なレイアウト。

subgrid 、子要素が親からグリッドラインを継承し、複雑なレイアウトを簡素化するための直感的な方法を提供します。 Rachel Andrewの優れたビデオ（以前にリンク）は、包括的な概要を提供します。残念ながら、ブラウザのサポートは現在Firefoxに限定されています。 ChromeとSafariにはまだ実装がありません。

最近のプロジェクト（私のビデオの約20分のマーク）で、 subgrid比較的単純なレイアウトでさえ大幅に改善し、変数や任意の値の必要性を排除する方法を発見しました。 Daveとの共同ビデオは、 subgridの行動を示しています。

以上がSubgridのもう1つの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。