Template:Div col
Jump to navigation
Jump to search
This is the template documentation for {{Div col}}. It is transcluded from Template:Div col/doc and may be directly edited there.
For more options and examples, please see the same template on the English Wikipedia
This template formats a list into columns. It chooses an appropriate number of columns, without you having to worry about the user's screen size.
Usage
Basic usage
{{div col}} <!-- default width is 30em --> * a * b * c * d * e * f * g * h {{div col end}}
Produces:
- a
- b
- c
- d
- e
- f
- g
- h
Parameters
There are six parameters for this template:
- colwidth
- Specifies the minimum width of the columns so that the number of columns is automatically based on screen width (that is, more columns will be shown on wider displays). If no value is supplied, the template uses a default of 30em. The width can be specified in any CSS unit of measure, for instance, the em (about the width of the capital "M" of the displayed typeface), e.g.,
colwidth=20em
. - rules
- Adds vertical lines ("rules") between the columns if set to
yes
. - gap
- Specifies the space between the content of adjacent columns, in any valid CSS width unit, e.g.,
gap=2em
. The default spacing (set by browser) is 1em. - class
- An HTML class, or multiple space-delimited classes, to apply to the columns. For example,
class=plainlist nowrap
. - style
- CSS styling to apply to the columns.
- small
- Sets font size to 90%. blank, or "yes"
- content
- Content to apply to the columns. This parameter is effectively equivalent to {{columns-list}}, which is a pass-through for this template.
- maxcols
- Sets the maximum number of columns that will be shown, regardless of the screen width.
Examples
Colwidth
{{div col|colwidth=10em}} <!-- column width of 10em --> * a * b * c * d * e * f * g * h {{div col end}}
Produces:
- a
- b
- c
- d
- e
- f
- g
- h
Rules
{{Div col|colwidth=10em|rules=yes}} <!-- column width of 10em with rules --> * a * b * c * d * e * f * g * h {{Div col end}}
Produces:
- a
- b
- c
- d
- e
- f
- g
- h
Gap
{{Div col|colwidth=10em|rules=yes|gap=2em}} <!-- column width of 10em with rules and a gap of 2em --> * a * b * c * d * e * f * g * h {{Div col end}}
Produces:
- a
- b
- c
- d
- e
- f
- g
- h
Small
{{Div col|small=yes}} <!-- Small = yes --> * a * b * c * d * e * f * g * h {{Div col end}}
Produces:
- a
- b
- c
- d
- e
- f
- g
- h
Content
{{Div col|colwidth=10em|content= <!-- content parameter doesn't need {{div col end}} --> * a * b * c * d * e * f * g * h }}
Produces:
- a
- b
- c
- d
- e
- f
- g
- h
Multiple parameters
{{Div col|colwidth=10em|rules=yes|gap=2em|small=yes}} * a * b * c * d * e * f * g * h {{Div col end}}
Produces:
- a
- b
- c
- d
- e
- f
- g
- h
Text characters without list markup
{{div col|colwidth=10em}} <!--Text characters without list markup --> a b c d e f g h {{div col end}}
Produces
a b c d e f g h