Template:Div col/doc

模板页面
入我相思门留言 | 贡献2022年5月3日 (二) 23:57的版本 (创建页面,内容为“<noinclude>{{documentation subpage}}</noinclude> <!-- 在本行下編輯模板說明 --> {{high-use}} {{CSS3 multiple column layout}} {{Uses TemplateStyles|Template:Div col/styles.css}} 该模版把列表分成多列。可以选择缩小字体。 ==使用方式== === 参数 === ; cols =: 指定列数。預設=1。 ; colwidth =: 指定列的宽度,然後顯示時根據螢幕宽度動態设定列數;越宽的螢幕顯示的列数越多。這個參數優…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
本模板使用了CSS3的多栏布局效果
支持该效果的浏览器如下表,
不支持的会始终显示单栏但不会混乱
属性 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

另见