Discussion :

[Obi Juan Kenobi]

Bonjour à vous tous,

Je préviens à l'avance que je débute avec les CSS et les Flexbox !

Je voudrais savoir ce que sont les Flexbox.

• Est-ce de nouvelles propriétés ajoutées à celles du CSS 3 ?
• Est-ce quelque chose de nouveau du genre un nouveau langage de mise en forme ajouté aux navigateurs et utilisé dans les feuilles de style CSS ?
• Si ce sont de nouvelles propriétés CSS 3, sont-elles sorties en même temps que le CSS 3 ou bien sont-elles apparues plus tard ?
• Pourquoi les appelle-t-on "Flexbox" si ce sont des propriétés CSS 3 ?

Merci pour vos explications.

[mathieu]

pour apprendre à utiliser cette disposition, vous pouvez regarder là :
https://developer.mozilla.org/fr/doc...layout/Flexbox

ensuite pour savoir depuis quand ces directives sont prises en compte par les navigateurs, vous pouvez vous aider de ce site :
https://caniuse.com/flexbox

[Obi Juan Kenobi]

Merci Mathieu.

[Stellar7]

Bonjour,

Une autre source d'inspiration : css-tricks.
Et pour les flex-box :
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Comme précisé juste avant, verifies bien le support via caniuse. Tu y verras par exemple que si l'alignement horizontal est généralement bien géré, l'alignement vertical ne l'est pas par tout le monde.

Les flex-box, c'est une sacrée avancée, profites-en ! Dans mon boulot, certaines applications s'adressent à des anciens navigateurs qui ne les supportent pas, et c'est bien en…quiquinant.

[johanpetrikovsky]

j'avais fais un petit guide sur flexbox si tu cherches une autre source en français.
ça facilite pas mal la vie pour le positionnement, le centrage des élements mais il faut bien comprendre que ça marche par pair, le conteneur et les enfants, c'est à dire que tu ne vas pas mettre de propriété flex à un élement qui n'a pas d'enfants. J'explique ça bien sur mon site si ça t'intéresse

[Obi Juan Kenobi]

Merci pour ce lien que je garde pour y puiser de infos.