模板:Columns-list/doc

本模板使用了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)

本模板用于在条目中将内容分列呈现出来,它是{{div col}}的封装模板。

用法

{{columns-list|colwidth=宽度|
文字內容(一般為列表)
}}

|colwidth=省略,则默认宽度为30em。

此处的宽度指定的是列的宽度,并根据屏幕宽度动态决定列的数量;在更宽的显示屏上将显示更多的列。

本模板采用CSS3多列布局,并非所有浏览器都能支持。另外,模板文字内容中出现等号也可能导致显示问题和红色错误消息。若要解决此问题,请在模板文字内容前添加|1=

提醒您注意:由于本模板已不再支持“|col=”参数以及|1=|2=同时使用的用法(即不再容许直接定义列数,如“{{columns-list|2|文字內容}}”将无法显示),您可以使用“|colwidth= ××em”参数进行替代。例如:

范例

编辑输入:
{{columns-list|colwidth=20em|
* [[喬治·華盛頓]]
* [[約翰·亞當斯]]
* [[托馬斯·杰斐遜]]
* [[詹姆斯·麥迪遜]]
* [[詹姆斯·門羅]]
}}
显示效果:

可以通过|class=|style=参数添加CSS样式,例如:

{{columns-list|colwidth=15em|style=width: 600px; font-style: italic;|
* [[All About Lily Chou-Chou]]
* [[April Story]]
* [[Hana and Alice|Hana & Alice]]
* [[Hōtai Club]]
* [[The Kon Ichikawa Story]]
* [[Love Letter (1995 film)|Love Letter]]
* [[New York, I Love You]]
* [[Picnic (1996 film)|Picnic]]
* [[Rainbow Song]]
* [[Swallowtail (film)|Swallowtail]]
}}

实际显示效果:

追踪分类

重定向

参见

参考