Template:Columns-list

维基百科,自由的百科全书
跳转至: 导航搜索
Documentation icon 模板文档[查看] [编辑] [页面历史] [清除]
本模板使用了CSS3多栏布局效果
支持该效果的浏览器如下表,
不支持的会始终显示单栏但不会混乱
Internet
Explorer
Firefox Safari Google
Chrome
Opera
0≤ 9 0≤ 1.0 0≤ 2 0≤ 11.0
110
(2012)
1≥ 1.5
(2005)
1≥ 3
(2007)
1≥ 1
(2008)
1≥ 11.1
(2011)

本模板用于在条目中将内容分列呈现出来,不同于 Template:Navbox 这样的导航模板。它基于 Template:Reflist,两者的区别是这里显示的内容需手动输入而不是来自引用来源列表。

用法[编辑]

{{columns-list|列数|
文字內容(一般為列表)
}}

多列目前只有在 Mozilla Firefox 和其他基于 Gecko 的浏览器[1]Safari 3 上才能正确渲染。[2]不过由于此功能包含于 CSS3 中,因此以后能适用于更多的浏览器。[3]Internet Explorer 目前尚不支持列选择器,版本 8 中也未计划支持。[4]

若列数省略,则默认为 2。

範例[编辑]

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

會渲染成


行数后可以添加 CSS 样式,例如:

{{columns-list|2;width:400px;font-style:italic|
  * [[New York, I Love You]]
  * [[Hōtai Club]]
  * [[The Kon Ichikawa Story]]
  * [[Rainbow Song]]
  * [[Hana and Alice|Hana & Alice]]
  * [[关于莉莉周的一切]]
  * [[April Story]]
  * [[Swallowtail Butterfly (film)|Swallowtail Butterfly]]
  * [[Picnic (1996 film)|Picnic]]
  * [[Fried Dragon Fish]]
 }}

实际显示效果:

重定向[编辑]

  • {{cmn}} 重定向到这里

參見[编辑]

參考[编辑]

  1. ^ CSS3 Multi-Column Thriller. 2005-12-30 [2006-11-24]. 
  2. ^ Multi-column layout in Safari 3 and Firefox. [2007-07-25]. 
  3. ^ CSS3 module: Multi-column layout. W3C. 2005-12-15 [2006-11-24]. 
  4. ^ CSS Compatibility and Internet Explorer: Multi-column Layout. Microsoft Developer Network. Microsoft. [2009-02-04].