https://wiki.makilab.org/index.php?action=history&feed=atom&title=Mod%C3%A8le%3AFlex_columns%2Fdoc 2026-05-06T19:03:21Z Historique des versions pour cette page sur le wiki MediaWiki 1.31.16 https://wiki.makilab.org/index.php?title=Mod%C3%A8le:Flex_columns/doc&diff=3382&oldid=prev 2019-02-27T20:34:26Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version du 27 février 2019 à 20:34</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Ligne 1 :</td> <td colspan="2" class="diff-lineno">Ligne 1 :</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Documentation subpage}}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Documentation subpage}}</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{{high-use| 2842 }}</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Uses Lua|Module:Flex columns}}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Uses Lua|Module:Flex columns}}</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Uses TemplateStyles|Template:Flex columns/styles.css}}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Uses TemplateStyles|Template:Flex columns/styles.css}}</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6" >Ligne 6 :</td> <td colspan="2" class="diff-lineno">Ligne 5 :</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>This template creates a column layout, where contents within the columns will have the same height, with any extra whitespace distributed throughout the shorter columns contents. It is mainly intended for use in portals.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>This template creates a column layout, where contents within the columns will have the same height, with any extra whitespace distributed throughout the shorter columns contents. It is mainly intended for use in portals.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>This sort of layout requires browsers to support [<del class="diffchange diffchange-inline">[CSS flex-box layout|</del>CSS flexbox<del class="diffchange diffchange-inline">]</del>]. For those that don't there is a fallback that will show a two column view, but without the heights being the same (a layout many portals used as at July 2018).</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>This sort of layout requires browsers to support [<ins class="diffchange diffchange-inline">https://en.wikipedia.org/wiki/CSS_Flexible_Box_Layout </ins>CSS flexbox]. For those that don't there is a fallback that will show a two column view, but without the heights being the same (a layout many portals used as at July 2018).</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For narrow screens, e.g. mobile devices, the display reverts to a single column.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For narrow screens, e.g. mobile devices, the display reverts to a single column.</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l21" >Ligne 21 :</td> <td colspan="2" class="diff-lineno">Ligne 20 :</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== See also ==</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== See also ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">{{Portal templates navbox}}</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">[https://en.wikipedia.org/wiki/Template:Portal_templates_navbox Template:Portal_templates_navbox on en.wikipedia.org]</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;includeonly&gt;{{sandbox other||</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;includeonly&gt;{{sandbox other||</div></td></tr> </table>

Admin https://wiki.makilab.org/index.php?title=Mod%C3%A8le:Flex_columns/doc&diff=3349&oldid=prev 2019-02-25T22:04:05Z

<p>Page créée avec « {{Documentation subpage}} {{high-use| 2842 }} {{Uses Lua|Module:Flex columns}} {{Uses TemplateStyles|Template:Flex columns/styles.css}} &lt;!-- Please place categories where... »</p> <p><b>Nouvelle page</b></p><div>{{Documentation subpage}}<br /> {{high-use| 2842 }}<br /> {{Uses Lua|Module:Flex columns}}<br /> {{Uses TemplateStyles|Template:Flex columns/styles.css}}<br /> &lt;!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) --&gt;<br /> This template creates a column layout, where contents within the columns will have the same height, with any extra whitespace distributed throughout the shorter columns contents. It is mainly intended for use in portals.<br /> <br /> This sort of layout requires browsers to support [[CSS flex-box layout|CSS flexbox]]. For those that don't there is a fallback that will show a two column view, but without the heights being the same (a layout many portals used as at July 2018).<br /> <br /> For narrow screens, e.g. mobile devices, the display reverts to a single column.<br /> == Usage ==<br /> &lt;pre&gt;{{Flex columns<br /> |1 = (...first column contents...)<br /> |2 = (...second column contents...)<br /> }}&lt;/pre&gt;<br /> Only contents which are in {{tag|div}} tags will have extra whitespace distributed to them – except for those with class &lt;code&gt;flex-columns-noflex&lt;/code&gt; (or otherwise override the &lt;code&gt;flex:&lt;/code&gt; property)<br /> <br /> To change the column balance, {{para|flex1}} and/or {{para|flex2}} can be set. The default for each is &lt;code&gt;1&lt;/code&gt;. For example:<br /> *&lt;code&gt;&lt;nowiki&gt;|flex1=3 |flex2=2&lt;/nowiki&gt;&lt;/code&gt; will result in the first column taking up to 60% (3/5) of the available width, and the second column taking up at least 40% (2/5) of the width.<br /> Note that the actual column balance will vary depending on screen size, since the minimum width of each column is set at 360px.<br /> <br /> == See also ==<br /> {{Portal templates navbox}}<br /> <br /> &lt;includeonly&gt;{{sandbox other||<br /> &lt;!-- Categories below this line, please; interwikis at Wikidata --&gt;<br /> <br /> <br /> }}&lt;/includeonly&gt;</div>

Jona