模板:Columns-list

模板文件[檢視] [編輯] [歷史] [清除快取]

本模板使用了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多列布局，並非所有瀏覽器都能支援。

範例

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

實際顯示效果：

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

追蹤分類

• Category:使用columns-list未知參數的頁面（2,271）（僅條目命名空間）

重定向

• {{cmn}}{{分列顯示}}皆重定向至此。

參見

• {{div col}}, {{div col end}} 鏈入 討論 編輯
• {{columns}}
• {{columns-start}}, {{column}}, {{columns-end}} 鏈入 討論 編輯
• {{col-begin}} ({{col-start}}), {{col-begin-small}} 鏈入 討論 編輯
  • {{col-2}}
  • {{col-3}}
  • {{col-4}}
  • {{col-5}}
  • {{col-x}}
  • {{col-break}}
• {{col-end}} ({{end}})
• {{top}}, {{mid}}, {{bottom}}
• {{multicol}}, {{multicol-break}}, {{multicol-end}} 鏈入 討論 編輯

參考