Template:Col-break

| style="text-align: left; vertical-align: top; " |

Template documentation[view] [edit] [history] [purge]

Column Templates
Col-Break
{{Col-begin}}	Start
{{Col-break}}	Break
{{Col-end}}	End
Col-float
{{Col-float}}	Start
{{Col-float-break}}	Break
{{Col-float-end}}	End
Columns-start
{{Columns-start}}	Start
{{Column}}	Break
{{Columns-end}}	End

The {{col-begin}}, {{col-break}} and {{col-end}} templates control columns of text on a page:

• {{col-begin}}: starts a table (followed by {{col-break}} for 1st column)
• {{col-break}}: triggers the start of each column
• {{col-end}}: ends the multi-column table.

The widths of columns can be specified by using various additional codes. See below for examples.

Usage

{{col-begin|width=70%}}: start table with width.

{{col-break|width=66%}}: start column-1 as 66% wide.

This is text in col-1.

{{col-break|width=33%}}: start column-2 as 33% wide.

Text column-2.

{{col-end}}

The table will have two columns, with column 1 twice (2×) the width of column 2.

A border of 2px (1px width on each side) corresponds to a 5%. Therefore, with a 2px border—for example, as in Wikipedia:Tutorial/Wrap-up and more info—the width needs to be 95% for the table to fit within the screen. Since it's possible that some tables might not have a border, correction on the individual page could be made after substitution. Another way to create a two column table is like this:

{{col-begin|width=95%}} |- | Left column | Right column |}

{{Col-begin}}
{{Col-2}}
Column 1 here
{{Col-2}}
Column 2 here
{{Col-end}}

{{Col-begin}}
{{Col-3}}
Column 1 here
{{Col-3}}
Column 2 here
{{Col-3}}
Column 3 here
{{Col-end}}

and so on, up to {{Col-5}}

{{Col-begin}}
{{Col-break}}
Column 1 here
{{Col-break}}
Column 2 here
{{Col-break}}
Column 3 here
{{Col-break}}
Column 4 here
{{Col-break}}
Column 5 here
{{Col-break}}
Column 6 here
{{Col-end}}

{{Columns-start|num=3}}
Column 1 here
{{Column}}
Column 2 here
{{Column}}
Column 3 here
{{Columns-end}}

Examples

• See: Template:Col-break/examples

See also

Column-generating template families

<section begin="table" />

Family	Type	Handles wiki  table code?	Responsive/ Mobile suited	Start template	Column divider	End template
"Col"	Table	Yes	Yes	{{Col-begin}}, {{Col-begin-fixed}} or {{Col-begin-small}}	{{Col-break}} or {{Col-2}} .. {{Col-5}}	{{Col-end}}
"Col-float"	CSS float	Yes	Yes	{{Col-float}}	{{Col-float-break}}	{{Col-float-end}}
"Columns"	Table	No	Yes	{{Columns}}	–	–
"Columns-list"	CSS columns	Yes	Yes	{{Columns-list}} (wrapper)	–	–
"Columns-start"	CSS float	Yes	Yes	{{Columns-start}}	{{Column}}	{{Columns-end}}
"Flex columns"	CSS flexbox	Yes	Yes	{{Flex columns}}	–	–
"Div col"	CSS columns	Yes	Yes	{{Div col}}	–	{{Div col end}}

I.e., 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.<section end="table" />

External links

• HTML MULTICOL Code Tutorial
• Using CSS multi-column layouts

Template data

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. Click here to see a monthly parameter usage report for this template in articles based on this TemplateData.

TemplateData for Col-break

<templatedata> { "description": "This template triggers the start of each column in a multi-column table.", "params": { "width": { "label": "Column width", "type": "string", "description": "Width of the column, defined as a percent (ie 50%)" } } } </templatedata> {{subst:Template for discussion|heading=Older Column templates}}

The above documentation is transcluded from Template:Col-break/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.