模板:Columns-list/sandbox
外觀
這是Template:Columns-list(差異)的沙盒。 參見本模板的測試樣例。 |
屬性 | 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]]
}}
實際顯示效果:
追蹤分類
[編輯]- Category:使用columns-list未知參數的頁面(0)(僅條目命名空間)
重定向
[編輯]參見
[編輯]- {{div col}}, {{div col end}}
- {{columns}}
- {{columns-start}}, {{column}}, {{columns-end}}
- {{col-begin}} ({{col-start}}), {{col-begin-small}}
- {{col-end}} ({{end}})
- {{top}}, {{mid}}, {{bottom}}
- {{multicol}}, {{multicol-break}}, {{multicol-end}}