Le type de donnée CSS <flex> permet de représenter une longueur flexible à l'intérieur d'un conteneur en grille, qui est déclarée comme une dimension d'unité fr. Il est notamment utilisé pour les propriétés grid-template-columns, grid-template-rows ainsi que d'autres.

Syntaxe

Le type de donnée <flex> est défini par un nombre (<number> suivi de l'unité fr. L'unité fr représente une fraction de l'espace restant dans le conteneur en grille. Comme pour les autres dimensions, il n'y a pas d'espace entre la valeur et l'unité.

Exemples

1fr    /* Utilisation d'une valeur entière */
2.5fr  /* Utilisation d'une valeur flottante */

Spécifications

Spécification État Commentaire
CSS Grid Layout
La définition de '<flex>' dans cette spécification.
Candidat au statut de recommandation Définition initiale

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simpleChrome Support complet 29Edge Support complet 16Firefox Support complet 40IE Aucun support NonOpera Support complet 28Safari Support complet 10.1WebView Android Support complet 57Chrome Android Support complet 29Edge Mobile Support complet 16Firefox Android Support complet 40Opera Android Support complet 44Safari iOS Support complet 10.3Samsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Aucun support  
Aucun support

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, xdelatour
Dernière mise à jour par : SphinxKnight,