Template:Div col/doc
Jump to navigation
Jump to search
 | This is a documentation subpage for Template:Div col. It contains usage information, categories, and other content that is not part of the original template page. |
The div col (short for division columns) formats a list into columns that wrap at multiple screen resolutions responsively. It automatically breaks the available screen space into equal parts.
Usage and examples
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
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
Content
{{div col|content=
* a
* b
* c
* d
* e
* f
* g
* h
}}
Produces:
- a
- b
- c
- d
- e
- f
- g
- h
Gap
{{div col|colwidth=10em|gap=2em}} <!-- column width of 10em 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
Template data
| Show/hide template's data |
|---|