Difference between revisions of "Template:Div col"

From QBWiki
Jump to navigation Jump to search
(Created page with "<includeonly><templatestyles src="Div col/styles.css"/><!-- --><div class="div-col {{#ifeq:{{{small|}}}|yes|div-col-small}} {{#ifeq:{{{rules|}}}|yes|div-col-rules}} {{{class|}...")
 
Line 15: Line 15:
  
 
<pre>
 
<pre>
{{Collapsible list
+
{{div col}} <!-- default width is 30em -->
| expand =
+
* a
| framestyle =
+
* b
| titlestyle =
+
* c
| title =
+
* d
| liststyle =
+
* e
| hlist =
+
* f
| bullets =
+
* g
| 1 =    <!--(First item in list; the "1 =" is usually not required)-->
+
* h
| 2 =    <!--(Second item in list; ditto)-->
+
{{div col end}}
| 3 =    <!--(Third item in list; etc.)-->
 
| <!-- etc -->
 
}}
 
 
</pre>
 
</pre>
 
</noinclude>
 
</noinclude>

Revision as of 10:09, 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}}