aboutsummaryrefslogtreecommitdiff
path: root/files/fr/glossary/flex_container/index.md
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-11-15 21:40:53 +0100
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-11-15 21:55:31 +0100
commit7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e (patch)
tree1e5d89ff08a80c6a5311b703cd11c2e91b342622 /files/fr/glossary/flex_container/index.md
parent6f6e297fbfa7867b1f42c4245df20f4282b3b083 (diff)
downloadtranslated-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.md35
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>