Columns – Template
Jump to navigation
Jump to search
Lou Montana (talk | contribs) m (Add CSS fix) |
Lou Montana (talk | contribs) m (Fix alignment) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly>{{#if:{{{1|}}} | <includeonly>{{#if:{{{1|}}} | ||
| {{#if:{{{2|}}} | | {{#if:{{{2|}}} | ||
| <div class="columns" style="column-count: {{{1|2}}}">{{{2|}}}</div> | | {{#if:{{{3|{{{shrink|}}}}}}|<div>}}<div class="columns" style="column-count: {{{1|2}}}{{#if:{{{3|{{{shrink|}}}}}}|; display: inline-block}}">{{{2|}}}</div>{{#if:{{{3|{{{shrink|}}}}}}|</div>}} | ||
| -no columns content defined- | | -no columns content defined- | ||
}} | }} | ||
| Line 11: | Line 11: | ||
|param2= content | |param2= content | ||
|descr2= to be split in columns | |descr2= to be split in columns | ||
|param3= shrink | |||
|descr3= named parameter. makes the columns take the minimum width | |||
|example1= <nowiki>{{Columns}}</nowiki> | |example1= <nowiki>{{Columns}}</nowiki> | ||
|result1= {{Columns}} | |result1= {{Columns}} | ||
| Line 27: | Line 29: | ||
* contentD | * contentD | ||
}} | }} | ||
|example4= <div style="white-space: pre"><nowiki>{{Columns| | |example4= <div style="white-space: pre"><nowiki>{{Columns|2| | ||
* contentA | * contentA | ||
* contentB | * contentB | ||
| Line 33: | Line 35: | ||
* contentD | * contentD | ||
}}</nowiki></div> | }}</nowiki></div> | ||
|result4= {{Columns| | |result4= {{Columns|2| | ||
* contentA | * contentA | ||
* contentB | * contentB | ||
| Line 39: | Line 41: | ||
* contentD | * contentD | ||
}} | }} | ||
|example5= <div style="white-space: pre"><nowiki>{{Columns|3| | |||
* contentA | |||
* contentB | |||
* contentC | |||
* contentD | |||
}}</nowiki></div> | |||
|result5= {{Columns|3| | |||
* contentA | |||
* contentB | |||
* contentC | |||
* contentD | |||
}} | |||
|example6= <div style="white-space: pre"><nowiki>{{Columns|4| | |||
* contentA | |||
* contentB | |||
* contentC | |||
* contentD | |||
}}</nowiki></div> | |||
|result6= {{Columns|4| | |||
* contentA | |||
* contentB | |||
* contentC | |||
* contentD | |||
}} | |||
|example7= <div style="white-space: pre"><nowiki>Above{{Columns|3| | |||
* contentA | |||
* contentB | |||
* contentC | |||
* contentD | |||
|shrink= y | |||
}}Below</nowiki></div> | |||
|result7= <div style="min-width: 50em">Above{{Columns|3| | |||
* contentA | |||
* contentB | |||
* contentC | |||
* contentD | |||
|shrink= y | |||
}}Below</div> | |||
}}</noinclude> | }}</noinclude> | ||
Revision as of 01:26, 11 August 2021
Creates CSS columns.
This template is used on these pages.
Usage
{{Columns|cols|content|shrink}}
- cols: number of columns
- content: to be split in columns
- shrink: named parameter. makes the columns take the minimum width
| Code | Result |
|---|---|
| {{Columns}} | -no columns count defined- |
| {{Columns|3}} | -no columns content defined- |
{{Columns||
* contentA
* contentB
* contentC
* contentD
}}
|
-no columns count defined- |
{{Columns|2|
* contentA
* contentB
* contentC
* contentD
}}
|
|
{{Columns|3|
* contentA
* contentB
* contentC
* contentD
}}
|
|
{{Columns|4|
* contentA
* contentB
* contentC
* contentD
}}
|
|
Above{{Columns|3|
* contentA
* contentB
* contentC
* contentD
|shrink= y
}}Below
|
Above
|