模板:Columns-list/doc

[清除緩存]

這是文件頁面，它應該被放置到Template:Columns-list，檢視Template:Documentation以取得更多資訊。

該模板用於把文章內容以列表形式顯示（不像Template:SimpleNavbox那樣）。

用法

{{{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