Template:Column-count

Template documentation


Usage

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

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

  1. CSS Multi-column Layout Module, W3C specification.

See also