模板:Multicol-break
外觀
用法
{{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不支持該效果。