Template:Multicol

模板文档[查看] [编辑] [历史] [清除缓存]

用法

{{Multicol}} 可在頁面中做出分隔成多重欄位橫向排列的段落。在每個欄位的文字之間插入 {{Multicol-break}}，並且在欄位最後以 {{Multicol-end}} 作為結尾。例如：

{{Multicol}} 第一欄位中的文字 {{Multicol-break}} 第二欄位中的文字 {{Multicol-break|0}} 第三欄位中的文字 {{Multicol-end}}

輸入以上代碼的結果：

第一欄位中的文字

第二欄位中的文字

第三欄位中的文字

欄位的數量沒有上限。每一個欄位的寬度都會保持相同，依據頁面寬度平均分類。每一個欄位右方預留了最少 1.6 em 寬的間隔，以避免不同欄位的文字看著像是連在一起。

參數

{{Multicol}} 這個模板有兩個可選填的參數：整個欄位組的寬度和欄位彼此之間的間隔寬度。欄位組的整體寬度可以是一個絕對值：例如 40em；也可以是依據整個頁面寬度而定的百分比，例如 50%。這個參數的預設值為 100%。以下是希望做出佔頁面寬度一半的欄位組，需要輸入以下代碼：

 {{Multicol|50%}}
 第一欄位中的文字
 {{Multicol-break}}
 第二欄位中的文字
 {{Multicol-break|0}}
 第三欄位中的文字
 {{Multicol-end}}

多欄位的預設值是靠頁面左方。要改變對其方向，請輸入以下代碼：

 <div style="text-align:center;">{{center|
 {{Multicol|50%}}
 ...
 {{Multicol-end}}
 }}</div>

這樣將會讓欄位置中頁面對齊。

{{Multicol-break}} 也可以通過其唯一的參數設定欄位彼此之間的間隔寬度。

相關模板

{{Col-begin}} 系列模板與本模板功能類似，但本模板的使用方式較為簡單。兩個模板可以做到一樣的結果，例如：

{{Multicol}}
Column 1
{{Multicol-break}}
Column 2
{{Multicol-break}}
Column 3
{{Multicol-end}}

{{Col-begin}}
{{Col-3}}
Column 1
{{Col-3}}
Column 2
{{Col-3}}
Column 3
{{Col-end}}

{{Div col}} 和 {{Columns-list}}使用了CSS3的多列效果，部分老旧的浏览器，如9或更低版本的IE不支持该效果。