模板:Multicol-break

模板文件[檢視] [編輯] [歷史] [清除快取]

用法

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