模板:Columns-list/doc

本模板使用了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多列佈局，並非所有瀏覽器都能支援。另外，模板文字內容中出現等號也可能導致顯示問題和紅色錯誤消息。若要解決此問題，請在模板文字內容前添加|1=。

提醒您注意：由於本模板已不再支持「|col=」參數以及|1=與|2=同時使用的用法（即不再容許直接定義列數，如「{{columns-list|2|文字內容}}」將無法顯示），您可以使用「|colwidth= ××em」參數進行替代。例如：

範例

編輯輸入：

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

顯示效果：

• 喬治·華盛頓
• 約翰·亞當斯
• 托馬斯·傑斐遜
• 詹姆斯·麥迪遜
• 詹姆斯·門羅

可以通過|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未知參數的頁面（0）（僅條目命名空間）

重定向

• {{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}} 鏈入 討論 編輯