Difference between revisions of "Template:Div col"
Jump to navigation
Jump to search
Kevin Wang (talk | contribs) |
Kevin Wang (talk | contribs) m |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | <includeonly | + | <includeonly><!-- |
--><div class="div-col {{#ifeq:{{{small|}}}|yes|div-col-small}} {{#ifeq:{{{rules|}}}|yes|div-col-rules}} {{{class|}}}" <!-- | --><div class="div-col {{#ifeq:{{{small|}}}|yes|div-col-small}} {{#ifeq:{{{rules|}}}|yes|div-col-rules}} {{{class|}}}" <!-- | ||
-->{{#if:{{{colwidth|}}}{{{gap|}}}{{{style|}}}|<!-- | -->{{#if:{{{colwidth|}}}{{{gap|}}}{{{style|}}}|<!-- | ||
| Line 9: | Line 9: | ||
<blockquote> | <blockquote> | ||
| − | 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, meaning, for instance, that it is not necessary to guess how many columns to use and then figure out the dividing point(s), e.g., the halfway point to divide the list into two columns, or the one-third and two-thirds points to divide the list into three columns. | + | 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, meaning, for instance, that it is not necessary to guess how many columns to use and then figure out the dividing point(s), e.g., the halfway point to divide the list into two columns, or the one-third and two-thirds points to divide the list into three columns. |
—aforementioned Wikipedia page | —aforementioned Wikipedia page | ||
| Line 26: | Line 26: | ||
{{div col end}} | {{div col end}} | ||
</pre> | </pre> | ||
| + | |||
| + | {{div col}} <!-- default width is 30em --> | ||
| + | * a | ||
| + | * b | ||
| + | * c | ||
| + | * d | ||
| + | * e | ||
| + | * f | ||
| + | * g | ||
| + | * h | ||
| + | {{div col end}} | ||
</noinclude> | </noinclude> | ||
Latest revision as of 10:28, 5 April 2021
Borrowed from the Wikipedia template Template:Div col.
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, meaning, for instance, that it is not necessary to guess how many columns to use and then figure out the dividing point(s), e.g., the halfway point to divide the list into two columns, or the one-third and two-thirds points to divide the list into three columns.
—aforementioned Wikipedia page
{{div col}} <!-- default width is 30em -->
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}
- a
- b
- c
- d
- e
- f
- g
- h