diff options
author | julieng <julien.gattelier@gmail.com> | 2021-11-15 21:40:53 +0100 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-15 21:55:31 +0100 |
commit | 7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e (patch) | |
tree | 1e5d89ff08a80c6a5311b703cd11c2e91b342622 /files/fr/glossary/flex_container/index.md | |
parent | 6f6e297fbfa7867b1f42c4245df20f4282b3b083 (diff) | |
download | translated-content-7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e.tar.gz translated-content-7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e.tar.bz2 translated-content-7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e.zip |
move *.html to *.md
Diffstat (limited to 'files/fr/glossary/flex_container/index.md')
-rw-r--r-- | files/fr/glossary/flex_container/index.md | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/files/fr/glossary/flex_container/index.md b/files/fr/glossary/flex_container/index.md new file mode 100644 index 0000000000..aefb253f72 --- /dev/null +++ b/files/fr/glossary/flex_container/index.md @@ -0,0 +1,35 @@ +--- +title: Conteneur flexible +slug: Glossary/Flex_Container +tags: + - CSS + - Glossaire + - flexbox +translation_of: Glossary/Flex_Container +original_slug: Glossaire/Flex_Container +--- +<p>Une mise en page {{glossary("flexbox")}} est définie en utilisant les valeurs <code>flex</code> ou <code>inline-flex</code> de la propriété <code>display</code> sur l'élément parent. Cet élément devient alors un <strong>conteneur flexible</strong> et chacun de ses enfants un {{glossary("flex item","élément flexible")}}.</p> + +<p>Une valeur <code>flex</code> fait que l'élément devient un conteneur flexible de niveau bloc et <code>inline-flex</code>, un conteneur flexible de niveau en ligne. Ces valeurs créent un <strong>contexte de mise en forme flexible</strong> pour l'élément, qui est similaire à un contexte de mise en forme de bloc dans la mesure où les flottants ne s'introduiront pas dans le conteneur et les marges du conteneur ne s'effondreront pas avec celles des articles.</p> + +<h2 id="En_apprendre_plus">En apprendre plus</h2> + +<h3 id="Références_de_la_propriété">Références de la propriété</h3> + +<ul> + <li>{{cssxref("align-content")}}</li> + <li>{{cssxref("align-items")}}</li> + <li>{{cssxref("flex")}}</li> + <li>{{cssxref("flex-direction")}}</li> + <li>{{cssxref("flex-flow")}}</li> + <li>{{cssxref("flex-wrap")}}</li> + <li>{{cssxref("justify-content")}}</li> +</ul> + +<h3 id="En_lire_plus">En lire plus</h3> + +<ul> + <li>Guide Flexbox CSS : <em><a href="/fr/docs/Web/CSS/Disposition_flexbox_CSS/Concepts_de_base_flexbox">Les concepts de base pour flexbox</a></em></li> + <li>Guide Flexbox CSS : <em><a href="/fr/docs/Web/CSS/Disposition_flexbox_CSS/Aligner_des_%C3%A9l%C3%A9ments_dans_un_conteneur_flexible">Aligner des éléments dans un conteneur flexible</a></em></li> + <li>Guide Flexbox CSS : <em><a href="/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Maîtriser le passage à la ligne des éléments flexibles</a></em></li> +</ul> |