Template:Columns-list/sandbox

维基百科,自由的百科全书
文档图示 模板文档[查看] [编辑] [历史] [清除缓存]
本模板使用了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多列布局,并非所有浏览器都能支持。

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

範例[编辑]

{{columns-list|colwidth=35em|
* [[喬治·華盛頓]]
* [[約翰·亞當斯]]
* [[托馬斯·杰斐遜]]
* [[詹姆斯·麥迪遜]]
* [[詹姆斯·門羅]]
}}

會渲染成

可以通过|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]]
}}

实际显示效果:

追踪分类[编辑]

重定向[编辑]

參見[编辑]

參考[编辑]