Il est pris en charge par tous les navigateurs Web. Au lieu d'utiliser un float pour créer des mises en page en faisant flotter des éléments vers la gauche ou vers la droite, flexbox vous permet de créer des mises en page en alignant les éléments sur un seul axe. L'axe peut être horizontal ou vertical. Il est préférable de l'utiliser pour répartir l'espace pour les éléments dans le même axe.
Quand utiliseriez-vous la grille float flex box ?
Flexbox aide principalement à aligner le contenu et à déplacer les blocs. Les grilles CSS sont destinées aux mises en page 2D. Cela fonctionne avec les lignes et les colonnes. Flexbox fonctionne mieux dans une seule dimension (lignes OU colonnes).
Pourquoi utiliseriez-vous flexbox au lieu de flottants ?
Le positionnement des éléments enfants devient plus facile avec flexbox. Flexbox est réactif et adapté aux mobiles. Les marges du conteneur flexible ne s'effondrent pas avec les marges de son contenu. Nous pouvons facilement changer l'ordre des éléments sur notre page Web sans même apporter de modifications au HTML.
Devrais-je utiliser des flotteurs en 2020 ?
Il y a des cas où votre objet n'habille pas le texte, mais aucune autre option ne fonctionne. Dans ce cas, ne vous inquiétez pas, utilisez simplement float. Si vous voulez réellement envelopper du texte autour d'une image ou d'un autre div, float est génial.
Quand ne pas utiliser flex ?
Quand ne pas utiliser flexbox
- N'utilisez pas de flexbox pour la mise en page. Un système de grille de base utilisant des pourcentages, des largeurs maximales et des requêtes multimédias est une approche beaucoup plus sûre pour créer des mises en page réactives. …
- Ne pas ajouteraffichage: flexible; à chaque conteneur div. …
- N'utilisez pas flexbox si vous avez beaucoup de trafic depuis IE8 et IE9.
