Können Subgrids Enkelkinder innerhalb eines CSS-Grid-Containers positionieren?

Gitteruntergitter: Eine Möglichkeit, Enkelkinder innerhalb eines Gittercontainers zu positionieren

Während CSS-Gitter oft als eine Struktur dargestellt werden, in der Elemente im Gitter positioniert sind Da sie unmittelbare Kinder des Gitters selbst sind, bietet es einen Mechanismus, um sogar „Enkelkinder“ direkt im Gitter zu positionieren. Dies wird durch die Eigenschaft display: subgrid erreicht.

Display: Subgrid und Grid-Vererbung

Gemäß der CSS Grid Level 2-Entwurfsspezifikation ermöglicht display: subgrid ein Raster Element, um ein Untergitter zu werden. Dieser spezielle Typ von Gittercontainer erbt Gitterparameter von seinem übergeordneten Element, umgeht seine eigenen Gittereigenschaften und übernimmt stattdessen die Gitterspuren des übergeordneten Elements.

Praktische Auswirkungen

Mit Anzeige: Untergitter können die untergeordneten Elemente eines Rasterelements an den Linien des übergeordneten Rasters ausgerichtet werden. Dadurch können Enkelkinder innerhalb der Gitterstruktur positioniert werden, auch wenn sie keine direkten Nachkommen des Gittercontainers sind.

Einschränkungen und Implementierungsstatus

Leider wird angezeigt: Untergitter wird von den gängigen Browsern noch nicht unterstützt und wird dies möglicherweise auch für einige Zeit nicht tun. Bis dahin können alternative Ansätze wie display:grid auf Rasterelementen oder display:contents als Problemumgehungen untersucht werden.

Das obige ist der detaillierte Inhalt vonKönnen Subgrids Enkelkinder innerhalb eines CSS-Grid-Containers positionieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!