Template:Column-count

Template documentation

[view] [edit] [history] [purge]

Usage

This template generates the equivalent of CSS3 style property column-count

Use it in CSS style properties to set the maximum number of columns to render the contents of a multi-column element.

When using this property to render unindented paragraphs of text, you should use also define a {{column-gap}}.

Avoid specifying a too large number of columns, as the resulting columns may be too narrow on narrow screens (in most cases 2 columns are enough for most display layouts, except if you know precisely that their contents will be narrow and mor columns can fit even on narrow screens such as smartphones). It is generally preferable in most cases to use {{column-width}} instead.

Example

• {{column-count|2}} gives:

  column-count:2;

References

See also

• {{break-before}}, {{break-inside}}, {{break-after}} — style properties for child elements.
• {{column-width}}, {{column-gap}}, {{column-rule}} — style properties for parent multi-column elements.

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