模板:Div col

File:Test Template Info-Icon - Version (2).svg 模板文件[檢視][編輯][歷史][清除快取]

本模板使用了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)

該模版把列表分成多列。可以選擇縮小字體。

使用方式

參數

cols =

指定列數。預設=1。

colwidth =

指定列的寬度，然後顯示時根據螢幕寬度動態設定列數；越寬的螢幕顯示的列數越多。這個參數優於cols=設定。

small =

如果設為yes，指定使用小字體(90%)。預設="no"。

style =

指定任意自定義格式。

範例一

{{Div col}}
* a
* b
* c
* d
{{Div col end}}

顯示

• a
  
• b
  
• c
  
• d

範例二

{{Div col|cols=4|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

顯示

• a
• b
• c
• d
• e
• f
• g
• h

範例三

{{Div col|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

顯示

• a
• b
• c
• d
• e
• f
• g
• h

另見

• 模板連結：{{Col-begin}}（模板連結：{{Col-start}}）
  • 模板連結：{{Col-2}}
  • 模板連結：{{Col-3}}
  • 模板連結：{{Col-4}}
  • 模板連結：{{Col-5}}
  • 模板連結：{{Col-6}}
  • 模板連結：{{Col-break}}
• 模板連結：{{Col-end}}（模板連結：{{End}}）
• 模板連結：{{Div col}}、模板連結：{{No col break}}、模板連結：{{Div col end}}
• 模板連結：{{Column}}、模板連結：{{Columns}}

上述文件嵌入自Template:Div col/doc。（編輯 | 歷史）
編者可以在本模板的沙盒（建立 | 鏡像）和測試樣例（建立）頁面進行實驗。
請在/doc子頁面中添加分類。本模板的子頁面。