aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/flex-wrap/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/css/flex-wrap/index.html')
-rw-r--r--files/fr/web/css/flex-wrap/index.html15
1 files changed, 5 insertions, 10 deletions
diff --git a/files/fr/web/css/flex-wrap/index.html b/files/fr/web/css/flex-wrap/index.html
index c9e3361ecf..004f6f8e6f 100644
--- a/files/fr/web/css/flex-wrap/index.html
+++ b/files/fr/web/css/flex-wrap/index.html
@@ -13,9 +13,7 @@ translation_of: Web/CSS/flex-wrap
<div>{{EmbedInteractiveExample("pages/css/flex-wrap.html")}}</div>
-<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p>
-
-<p>Pour plus d'informations, voir la page <a href="/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Utilisation_des_flexbox_en_CSS">Utiliser les boîtes flexibles (<em>flexbox</em>) CSS</a>.</p>
+<p>Pour plus d'informations, voir la page <a href="/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Utiliser les boîtes flexibles (<em>flexbox</em>) CSS</a>.</p>
<h2 id="Syntaxe">Syntaxe</h2>
@@ -41,18 +39,16 @@ flex-wrap: unset;
<dd>Les éléments flexibles sont disposé sur plusieurs lignes. La ligne <strong>cross-start</strong> est équivalente à  <strong>start</strong> ou <strong>before</strong> en fonction de la valeur de <code>flex-direction</code> et la ligne <strong>cross-end</strong> est à l'opposée <strong>cross-start</strong>.</dd>
<dt><code>wrap-reverse</code></dt>
<dd>Se comporte comme <code>wrap</code> mais <strong>cross-start</strong> et <strong>cross-end</strong> sont permutées.</dd>
- <dt>
- <h3 id="Syntaxe_formelle">Syntaxe formelle</h3>
- </dt>
</dl>
-{{csssyntax}}
+<h3 id="Syntaxe_formelle">Syntaxe formelle</h3>
+
+<p>{{csssyntax}}</p>
<h2 id="Exemples">Exemples</h2>
<h3 id="HTML">HTML</h3>
-<div id="Live_Sample">
<pre class="brush: html">&lt;h4&gt;Un exemple de flex-wrap:wrap &lt;/h4&gt;
&lt;div class="contenu"&gt;
&lt;div class="rouge"&gt;1&lt;/div&gt;
@@ -117,7 +113,6 @@ flex-wrap: unset;
}
</pre>
-</div>
<h3 id="Résultat">Résultat</h3>
@@ -151,6 +146,6 @@ flex-wrap: unset;
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
- <li>Guide sur les boîtes flexibles : <em><a href="/fr/docs/Web/CSS/Disposition_flexbox_CSS/Concepts_de_base_flexbox">Les concepts de bases</a></em></li>
+ <li>Guide sur les boîtes flexibles : <em><a href="/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Les concepts de bases</a></em></li>
<li>Guide sur les boîtes flexibles : <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Maîtriser le retour à la ligne des éléments flexibles</a></em></li>
</ul>