模板:Div col

File:Test Template Info-Icon - Version (2).svg 模板文档[查看][编辑][历史][清除缓存]

本模板使用了CSS3的多栏布局效果，
支持该效果的浏览器如下表，
不支持的会始终显示单栏但不会混乱

属性	Internet Explorer	Firefox	Safari	Chrome	Opera
column-width column-count	≥ 10 (2012)	≥ 1.5 (2005)	≥ 3 (2007)	≥ 1 (2008)	≥ 11.1 (2011)
columns	≥ 10 (2012)	≥ 9 (2011)	≥ 3 (2007)	≥ 1 (2008)	≥ 11.1 (2011)
break-before break-after break-inside	≥ 10 (2012)	≥ 65 (2019)	≥ 10 (2016)	≥ 65 (2016)	≥ 15 (2013)

该模版把列表分成多列。可以选择缩小字体。

使用方式

参数

cols =

指定列数。预设=1。

colwidth =

指定列的宽度，然后显示时根据萤幕宽度动态设定列数；越宽的萤幕显示的列数越多。这个参数优于cols=设定。

small =

如果设为yes，指定使用小字体(90%)。预设="no"。

style =

指定任意自定义格式。

范例一

{{Div col}}
* a
* b
* c
* d
{{Div col end}}

显示

• a
  
• b
  
• c
  
• d

范例二

{{Div col|cols=4|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

显示

• a
• b
• c
• d
• e
• f
• g
• h

范例三

{{Div col|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

显示

• a
• b
• c
• d
• e
• f
• g
• h

另见

• 模板链接：{{Col-begin}}（模板链接：{{Col-start}}）
  • 模板链接：{{Col-2}}
  • 模板链接：{{Col-3}}
  • 模板链接：{{Col-4}}
  • 模板链接：{{Col-5}}
  • 模板链接：{{Col-6}}
  • 模板链接：{{Col-break}}
• 模板链接：{{Col-end}}（模板链接：{{End}}）
• 模板链接：{{Div col}}、模板链接：{{No col break}}、模板链接：{{Div col end}}
• 模板链接：{{Column}}、模板链接：{{Columns}}

上述文档嵌入自Template:Div col/doc。（编辑 | 历史）
编者可以在本模板的沙盒（创建 | 镜像）和测试样例（创建）页面进行实验。
请在/doc子页面中添加分类。本模板的子页面。