サブグリッドは CSS グリッド コンテナ内に孫を配置できますか?

グリッド サブグリッド: グリッド コンテナ内に孫を配置する方法

CSS グリッドは、多くの場合、要素がグリッドに配置される構造として描かれます。はグリッド自体の直接の子ですが、「孫」さえもグリッド上に直接配置するためのメカニズムを提供します。これは、display: subgrid プロパティによって実現されます。

Display: Subgrid と Grid の継承

CSS Grid Level 2 ドラフト仕様によれば、display: subgrid ではグリッドが許可されます。サブグリッドとなるアイテム。この特別なタイプのグリッド コンテナは、親からグリッド パラメータを継承し、独自のグリッド プロパティをバイパスし、代わりに親のグリッド トラックを採用します。

実用的な意味

表示あり: subgridを使用すると、グリッド項目の子を親グリッドの線に揃えることができます。これにより、孫がグリッド コンテナの直接の子孫でなくても、グリッド構造内に配置できるようになります。

制限事項と実装ステータス

残念ながら、表示: subgridは主要なブラウザではまだサポートされていないため、しばらくサポートされない可能性があります。それまでは、回避策として、表示: グリッド オン グリッド項目や表示: コンテンツなどの代替アプローチを検討できます。

以上がサブグリッドは CSS グリッド コンテナ内に孫を配置できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。