Comment puis-je utiliser Flex-Basis pour qu'un élément Flex s'étende sur toute la largeur ?

Flex-Basis pour forcer l'élément pleine largeur

Afin de forcer le troisième élément à s'étendre sur toute la largeur en dessous des deux premiers flex éléments, nous pouvons utiliser la propriété flex-basis.

En définissant flex-basis : 100 % sur le troisième élément, nous demandez-lui d'occuper tout l'espace disponible, le forçant ainsi à s'étendre sur toute la largeur de la rangée.

.error {
  flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */
  border: 1px dashed black;
}

Cela garantit que le troisième élément occupera toujours l'espace restant, quelle que soit la taille des deux premiers. articles.

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!