Back to notes
Quelle propriété utiliser pour gérer l'espace vertical entre les lignes en cas de multi-lignes?
Press to flip
align-content
Comment créer un menu centré et responsive avec Flexbox?
Utiliser 'display: flex;', 'align-items: center;', et 'justify-content: space-around;', puis adapter avec des media queries.
Quelles sont les valeurs possibles de la propriété 'flex-direction'?
row, column, row-reverse, column-reverse
Que fait la propriété 'flex-direction' avec la valeur 'column-reverse'?
Elle aligne les éléments de bas en haut, comme une colonne inversée.
Comment gérer la taille de base d'un élément dans un conteneur Flex avant les calculs de croissance et de réduction?
En utilisant la propriété 'flex-basis'.
Quelles propriétés de Flexbox facilitent la création d'un layout avec une sidebar et un contenu principal?
'display: flex;', 'order', et des pourcentages pour la largeur des éléments, par exemple, 25% pour la sidebar et 75% pour le contenu principal.
Que fait la propriété 'flex-shrink'?
Elle permet à un élément de rétrécir lorsque l'espace est insuffisant.
À partir de quelle version d'Internet Explorer Flexbox est-il supporté?
Internet Explorer 10
Quels sont les avantages de Flexbox par rapport aux techniques de mise en page antérieures comme les flottants?
Flexbox permet de gérer des mises en page complexes de manière plus simple et flexible, avec une gestion dynamique des alignements et des espacements.
Quelle propriété CSS définit un conteneur comme Flexbox?
display: flex;
Pourquoi est-il recommandé d'utiliser Modernizr avec Flexbox?
Pour gérer le support conditionnel des anciens navigateurs qui ne supportent pas ou supportent partiellement Flexbox.
Quels sont les préfixes nécessaires pour que Flexbox fonctionne correctement sous Internet Explorer 10 et 11?
Préfixes spécifiques comme -ms- pour certaines propriétés.
Quelle est la différence entre 'justify-content' et 'align-items'?
'justify-content' aligne les éléments horizontalement, tandis que 'align-items' les aligne verticalement.
Quelle propriété permet à un élément de croître pour occuper l'espace restant?
flex-grow
Comment peut-on ordonner individuellement un élément dans un conteneur Flex?
En utilisant la propriété 'order'.
Quelle est la valeur par défaut de la propriété 'flex-wrap'?
nowrap
Comment aligne-t-on individuellement un élément différemment des autres dans le groupe?
Avec la propriété 'align-self'.
Comment utilise-t-on 'justify-content' pour espacer les éléments uniformément mais permettre des espaces entre les éléments?
space-between
Previous
Next