For faster navigation, this Iframe is preloading the Wikiwand page for 模板:Div col.

模板:Div col

文档图示 模板文档[查看] [编辑] [历史] [清除缓存]
本模板使用了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

另见

重定向

{{bottomLinkPreText}} {{bottomLinkText}}
模板:Div col
Listen to this article

This browser is not supported by Wikiwand :(
Wikiwand requires a browser with modern capabilities in order to provide you with the best reading experience.
Please download and use one of the following browsers:

This article was just edited, click to reload
This article has been deleted on Wikipedia (Why?)

Back to homepage

Please click Add in the dialog above
Please click Allow in the top-left corner,
then click Install Now in the dialog
Please click Open in the download dialog,
then click Install
Please click the "Downloads" icon in the Safari toolbar, open the first download in the list,
then click Install
{{::$root.activation.text}}

Install Wikiwand

Install on Chrome Install on Firefox
Don't forget to rate us

Tell your friends about Wikiwand!

Gmail Facebook Twitter Link

Enjoying Wikiwand?

Tell your friends and spread the love:
Share on Gmail Share on Facebook Share on Twitter Share on Buffer

Our magic isn't perfect

You can help our automatic cover photo selection by reporting an unsuitable photo.

This photo is visually disturbing This photo is not a good choice

Thank you for helping!


Your input will affect cover photo selection, along with input from other users.

X

Get ready for Wikiwand 2.0 🎉! the new version arrives on September 1st! Don't want to wait?