用法

編輯

{{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}} 系列模板與本模板功能類似,但本模板的使用方式較為簡單。兩個模板可以做到一樣的結果,例如:

{{Div col}} 和 {{Columns-list}}使用了CSS3的多列效果,部分老舊的瀏覽器,如9或更低版本的IE不支持該效果。