Les sous-grilles peuvent-elles positionner les petits-enfants dans un conteneur de grille CSS ?

Sous-grilles de grille : un moyen de positionner les petits-enfants dans un conteneur de grille

Alors que la grille CSS est souvent représentée comme une structure dans laquelle les éléments positionnés sur la grille sont des enfants immédiats de la grille elle-même, il offre un mécanisme permettant de positionner même les « petits-enfants » directement sur la grille. Ceci est réalisé grâce à la propriété display: subgrid.

Affichage: Subgrid and Grid Inheritance

Selon le projet de spécification CSS Grid Level 2, display: subgrid permet une grille élément pour devenir une sous-grille. Ce type spécial de conteneur de grille hérite des paramètres de grille de son parent, contournant ses propres propriétés de grille et adoptant à la place les pistes de grille du parent.

Implications pratiques

Avec affichage : sous-grille , les enfants d'un élément de grille peuvent s'aligner sur les lignes de la grille parent. Cela permet aux petits-enfants d'être positionnés dans la structure de grille, même s'ils ne sont pas des descendants directs du conteneur de grille.

Limitations et état de mise en œuvre

Malheureusement, affiche : subgrid n'est pas encore pris en charge par les principaux navigateurs et ne le sera peut-être pas avant un certain temps. D'ici là, des approches alternatives, telles que display:grid sur les éléments de la grille ou display:contents, peuvent être explorées comme solutions de contournement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!