https://capipedia.cap.gov/index.php?action=history&feed=atom&title=Template%3AFlex_columns%2FdocTemplate:Flex columns/doc - Revision history2026-06-10T03:00:22ZRevision history for this page on the wikiMediaWiki 1.45.1https://capipedia.cap.gov/index.php?title=Template:Flex_columns/doc&diff=8895&oldid=prevNMcLarty27: 1 revision imported2024-04-08T15:14:14Z<p>1 revision imported</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="en">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:14, 8 April 2024</td>
</tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div>
</td></tr></table>NMcLarty27https://capipedia.cap.gov/index.php?title=Template:Flex_columns/doc&diff=8894&oldid=preven>WOSlinker: syntaxhighlight lang="wikitext"2023-06-05T08:58:56Z<p>syntaxhighlight lang="wikitext"</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>en>WOSlinker