模板:Multicol/doc
外观
此页面是Template:Multicol的模板文档。 此页面可能包含了模板的使用说明、分类和其他内容。 |
用法[编辑]
{{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不支持该效果。