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
Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une pull request sur https://github.com/mdn/browser-compat-data.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
<flex> | Chrome Support complet 29 | Edge Support complet 12 | Firefox Support complet 40 | IE Support complet 10 | Opera Support complet 28 | Safari Support complet 10.1 | WebView Android Support complet 57 | Chrome Android Support complet 29 | Firefox Android Support complet 40 | Opera Android Support complet 28 | Safari iOS Support complet 10.3 | Samsung Internet Android Support complet 2.0 |
Légende
- Support complet
- Support complet