Rendre la mise en page aussi rapide que la 5G : disposition de la grille CSS Grid

1. Créer et diviser des conteneurs en grille (1)

1. Créer et diviser des conteneurs en grille (2)

Définir le nombre et la taille des cellules (1)

Définir le nombre et la taille des cellules (2)

Diviser les cellules en utilisant les lignes de grille par défaut (1)

Diviser les cellules en utilisant les lignes de grille par défaut (2)

Divisez les cellules à l'aide de lignes de grille nommées

Les lignes de grille nommées ajoutent automatiquement des index lors de la définition répétée des cellules

Remplir les éléments dans la zone de grille par défaut

Remplissez les éléments dans une zone de grille nommée

Remplir les éléments dans les espaces réservés de la zone de grille

Nom par défaut des lignes de zone de grille nommées

Définir l'alignement de tous les éléments du conteneur (1)

Définir l'alignement de tous les éléments du conteneur (2)

Définir l'alignement de tous les éléments de la cellule

Définir l'alignement de tous les éléments dans la zone de grille

Définir l'alignement d'un élément dans une cellule ou une zone de grille

Définir l'espacement entre les lignes et les colonnes dans le conteneur