模板:Columns-list

模板文档 编辑文档  编辑模板 刷新

 

该模板用于把文章内容以列表形式显示。

用法

{{{columns}}}和{{{colwidth}}}用于指定列表的列数和列宽。若不指定，默认为auto，将根据内容自动决定列数和列宽。

{{columns-list|colwidth=宽度（通常以em为单位）|
文本（通常是一个列表）
}}

在上面的例子中，宽度指定了列宽，并且会基于屏幕的宽度动态决定列数。在更宽的显示屏上会显示更多的列。

{{{gap}}}（可选）可用于设置相邻两列的间隙宽度。

{{{rules}}}（可选）可用于设置分隔线的样式。

设置{{{small}}}可以使字体变小。

{{{style}}}可用于添加其他样式。

该模板使用CSS3多列布局，但不是所有的浏览器都支持这个布局。

示例

{{columns-list|colwidth=20em|
* [[蝙蝠]]
* [[牛]]
* [[海豚]]
* [[鱼]]
* [[马]]
* [[羊驼]]
* [[鹦鹉]]
* [[猪]]
* [[北极熊]]
* [[兔子]]
* [[羊]]
* [[鱿鱼]]
* [[海龟]]
* [[狼]]
}}

会显示为：

• 蝙蝠
• 牛
• 海豚
• 鱼
• 马
• 羊驼
• 鹦鹉
• 猪
• 北极熊
• 兔子
• 羊
• 鱿鱼
• 海龟
• 狼

{{columns-list|columns=2|
* [[蝙蝠]]
* [[牛]]
* [[海豚]]
* [[鱼]]
* [[马]]
* [[羊驼]]
* [[鹦鹉]]
* [[猪]]
* [[北极熊]]
* [[兔子]]
* [[羊]]
* [[鱿鱼]]
* [[海龟]]
* [[狼]]
}}

会显示为：

• 蝙蝠
• 牛
• 海豚
• 鱼
• 马
• 羊驼
• 鹦鹉
• 猪
• 北极熊
• 兔子
• 羊
• 鱿鱼
• 海龟
• 狼

CSS的style属性是可以使用的，如：

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

会显示为：

• All About Lily Chou-Chou
• April Story
• Hana and Alice
• Hōtai Club
• The Kon Ichikawa Story
• Love Letter (1995 film)
• New York, I Love You
• Picnic (1996 film)
• Rainbow Song
• Swallowtail

进入 模板:Columns-list/doc 页面来编辑这个模板的说明文档。（这个说明框是怎么回事？）
修改完毕后，请刷新上面的文本。