模板:Multicol-end

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

用法

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