section suivante: 将项目填充到网格区域占位符中1486 joue

5 秒后自动播放下一节
  Regarder à nouveau

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

Introduction >
chapitredidacticiel
Chapitre1Créer un conteneur de grille

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

16 minutes43 secondes

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

14 minutes34 secondes
Chapitre2Nombre et taille des cellules

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

12 minutes00 secondes

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

13 minutes40 secondes
Chapitre3Les lignes de quadrillage divisent les cellules

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

11 minutes52 secondes

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

13 minutes50 secondes

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

13 minutes12 secondes

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

12 minutes11 secondes
Chapitre4Les objets peuplent la zone

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

16 minutes41 secondes

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

11 minutes58 secondes

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

06 minutes31 secondes

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

13 minutes34 secondes
Chapitre5Alignement des éléments

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

11 minutes39 secondes

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

11 minutes17 secondes

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

14 minutes52 secondes

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

08 minutes48 secondes

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

12 minutes19 secondes

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

13 minutes06 secondes
  • AnnulerrépondreEnvoi en cours
  • Annulerposter une noteEnvoi en cours