跳至內容

模板: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]]
}}

實際顯示效果:

追蹤分類

重定向

參見

參考