Quelle est la différence entre la mise en page flexible et la mise en page traditionnelle ?

Quelle est la différence entre la mise en page flexible et la mise en page traditionnelle ?

Mise en page traditionnelle : basée sur le modèle box, s'appuyant sur l'attribut display, l'attribut position et l'attribut float

mise en page flex : flex est l'abréviation de flexible Box, signifiant " disposition flexible", utilisé pour offrir une flexibilité maximale aux modèles de boîtes.

(Tutoriel recommandé : Démarrage rapide CSS)

L'élément défini sur display:flex est appelé un "conteneur", et ses éléments enfants sont appelés "éléments". Il convient de noter qu'une fois le conteneur défini sur la disposition flex, les attributs float, clear et vertical-align des éléments enfants ne seront pas valides

Pourquoi devons-nous déterminer l'axe principal et ; axe latéral ?

L'axe principal et l'axe latéral sont déterminés par la direction de flexion (la valeur par défaut est la ligne) La raison pour laquelle l'axe principal doit être déterminé est de déterminer la direction d'alignement de l'élément :

Si la direction de flexion est une ligne ou une inversion de ligne, alors l'axe principal est un contenu justifié

Si la direction de flexion est colonne ou colonne inversée, alors l'axe principal est align-items.

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!