模板:Multicol/doc

維基新聞,自由的新聞源

用法[編輯]

{{Multicol}} 可在頁面中做出分隔成複數欄位的段落。在每個欄位的文字之間插入 {{Multicol-break}},並且在欄位最後以 {{Multicol-end}} 作為結尾。例如:

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

輸入以上代碼的結果:

第一欄位中的文字

第二欄位中的文字

第三欄位中的文字

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

參數[編輯]

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

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

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

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

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

相關模板[編輯]

{{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不支持該效果。