理想城计划

模板:Columns-list/doc

< 模板: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
取自“https://test1.gjcloak.xyz/index.php?title=模板:Columns-list/doc&oldid=48”