https://kingwarzcharts.com/index.php?action=history&feed=atom&title=Template%3AFlex_columns%2FdocTemplate:Flex columns/doc - Revision history2026-07-21T13:08:38ZRevision history for this page on the wikiMediaWiki 1.43.9https://kingwarzcharts.com/index.php?title=Template:Flex_columns/doc&diff=2691&oldid=prevKingwarz: 1 revision imported from :wikipedia:Template:Flex_columns/doc2025-03-06T11:33:20Z<p>1 revision imported from <a href="https://en.wikipedia.org/wiki/Template:Flex_columns/doc" class="extiw" title="wikipedia:Template:Flex columns/doc">wikipedia:Template:Flex_columns/doc</a></p>
<p><b>New page</b></p><div>{{Documentation subpage}}<br />
{{high-use}}<br />
{{Uses Lua|Module:Flex columns}}<br />
<br />
<!-- Please place template categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) --><br />
This template creates a two-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 Flexible 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 />
<br />
== Usage ==<br />
<syntaxhighlight lang="wikitext">{{Flex columns<br />
|1 = (...first column contents...)<br />
|2 = (...second column contents...)<br />
}}</syntaxhighlight><br />
Only contents which are in {{tag|div}} tags will have extra whitespace distributed to them – except for those with class <code>flex-columns-noflex</code> (or otherwise override the <code>flex:</code> property)<br />
<br />
To change the column balance, {{para|flex1}} and/or {{para|flex2}} can be set. The default is <code>1</code>. For example:<br />
*<code><nowiki>|flex1=3 |flex2=2</nowiki></code> 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 />
== Example ==<br />
<syntaxhighlight lang="wikitext"><br />
{{Flex columns|{{lorem ipsum|3}}|{{lorem ipsum|2}}}}<br />
</syntaxhighlight><br />
<br />
{{Flex columns|{{lorem ipsum|3}}|{{lorem ipsum|2}}}}<br />
<br />
== See also ==<br />
{{Portal templates navbox}}<br />
{{Column-generating template families}}<br />
<br />
<includeonly>{{sandbox other||<br />
<!-- Template categories below this line, please; interwikis at Wikidata --><br />
[[Category:Multi-column templates]]<br />
}}</includeonly></div>Kingwarz