This template is intended to be used in a list in the article itself, rather than in a navigation template like Template:Navbox. Based on Template:Reflist, but different in that the text to be displayed is manually created rather than a list of references.
{{columns-list|number of columns| text (usually a list) }}
If the number of columns is omitted, two columns will be used.
This template uses CSS3 multiple column layout and is not supported by all browsers.
Property | Internet Explorer |
Firefox | Safari | Chrome | Opera |
---|---|---|---|---|---|
column-width column-count |
≥ 10 (2012) |
≥ 1.5 (2005) |
≥ 3 (2007) |
≥ 1 (2008) |
≥ 11.1 (2011) |
columns | ≥ 10 (2012) |
≥ 9 (2011) |
≥ 3 (2007) |
≥ 1 (2008) |
≥ 11.1 (2011) |
break-before break-after break-inside |
≥ 10 (2012) |
≥ 65 (2019) |
≥ 10 (2016) |
≥ 65 (2016) |
≥ 15 (2013) |
An example would be
{{columns-list|2| * [[George Washington]] * [[John Adams]] * [[Thomas Jefferson]] * [[James Madison]] * [[James Monroe]] }}
which would render as
CSS styles can also be added after the number of columns. For example
{{columns-list|2;width:400px;font-style:italic| * [[New York, I Love You]] * [[Hōtai Club]] * [[The Kon Ichikawa Story]] * [[Rainbow Song]] * [[Hana and Alice|Hana & Alice]] * [[All About Lily Chou-Chou]] * [[April Story]] * [[Swallowtail Butterfly (film)|Swallowtail Butterfly]] * [[Picnic (1996 film)|Picnic]] * [[Fried Dragon Fish]] }}
which would render as
The use of a raw link within the template will break the rendering:
{{columns-list|2| * [[George Washington]] * [[John Adams]][http://www.example.org] * [[Thomas Jefferson]] * [[James Madison]] * [[James Monroe]] }}
Shows as:
This can be resolved by converting to link to <ref>
The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a HTML "div" (division) open, potentially harming any subsequent formatting.
Type | Family | Handles wiki
table code? ![]() |
Responsive/ Mobile suited |
Start template | Column divider | End template |
---|---|---|---|---|---|---|
Float | "Col-float" | Da | Da | {{Col-float}} | {{Col-float-break}} | {{Col-float-end}} |
"Columns-start" | Da | Da | {{Columns-start}} | {{Column}} | {{Columns-end}} | |
Columns | "Div col" | Da | Da | {{Div col}} | – | {{Div col end}} |
"Columns-list" | Ne | Da | {{Columns-list}} (wraps div col) | – | – | |
Flexbox | "Flex columns" | Ne | Da | {{Flex columns}} | – | – |
Table | "Col" | Da | Ne | {{Col-begin}}, {{Col-begin-fixed}} or {{Col-begin-small}} |
{{Col-break}} or {{Col-2}} .. {{Col-5}} |
{{Col-end}} |
Can the columns handle the wiki markup
{| | || |- |}
used to create tables? If not, templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) or HTML tags (<table>...</table>
, <tr>...</tr>
, etc.) will need to be used instead.