Dans le cours : L'essentiel des CSS

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 200 cours dispensés par des experts.

Découvrir les flex

Découvrir les flex - Tutoriel CSS

Dans le cours : L'essentiel des CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Découvrir les flex

“

Le CSS nous propose plusieurs techniques pour placer ces liens côte à côte, mais la plus facile, et surtout la plus moderne, c'est un nouveau module du CSS que l'on appelle les flexbox ou flex en abrégé. Je vous propose d'en découvrir le mode de fonctionnement général dans cette vidéo. Pour cela retournons dans notre code HTML, et voici le code HTML qui met en place cette barre de liens. Nous sommes ici en présence d'une liste non ordonnée. Nous avons cette balise <ul>, et les enfants directs de cette balise, ce sont ces list-items, ces éléments <li>. Chaque list-item représente ici un bouton de ma barre de liens. Je vais considérer mon élément <ul> comme un flex-container, comme un conteneur flex. Résultat des courses, les enfants directs de cet élément, c'est-à-dire précisément chacun de mes <li>, chaque bouton de ma barre de liens, deviendra alors un flex-item, un élément flex. Ҫa ne vous rappelle rien ? Oui, c'est…

Table des matières