Шаблон:Multicol/Документация — различия между версиями
BraDD (обсуждение | вклад) (Новая страница: «== Использование == {{фс2|Multicol}} используется в сочетаниями с шаблонами <tt>{{фс2|Multicol-break}}</tt> и <tt...») |
BraDD (обсуждение | вклад) |
||
| Строка 16: | Строка 16: | ||
== Параметры == | == Параметры == | ||
| − | Дополнительно можно указать два параметра: общую ширину колонок и ширину зазора (в формате CSS). По умолчанию колонки занимают всю | + | Дополнительно можно указать два параметра: общую ширину колонок и ширину зазора (в формате CSS). По умолчанию колонки занимают всю ширину страницы. |
Чтобы, например, создать колонки, занимающие 50% страницы, с зазором в 50 пикселей: | Чтобы, например, создать колонки, занимающие 50% страницы, с зазором в 50 пикселей: | ||
Текущая версия на 13:57, 1 августа 2011
Использование[править]
{{Multicol}} используется в сочетаниями с шаблонами {{Multicol-break}} и {{Multicol-end}} для распределения текста по колонкам.
{{Multicol}}
Этот текст выводится в первой колонке.
{{Multicol-break}}
Этот текст выводится во второй колонке.
{{Multicol-break}}
Этот текст выводится в третьей колонке.
{{Multicol-end}}
Последующий текст располагается обычным образом.
Можно делать сколько угодно колонок, все они будут одинаковой ширины. Между колонками делается набольшой зазор (в 20 пикселей).
Параметры[править]
Дополнительно можно указать два параметра: общую ширину колонок и ширину зазора (в формате CSS). По умолчанию колонки занимают всю ширину страницы. Чтобы, например, создать колонки, занимающие 50% страницы, с зазором в 50 пикселей:
{{Multicol|50%|50px}}
Этот текст выводится в первой колонке.
{{Multicol-break}}
Этот текст выводится во второй колонке.
{{Multicol-break}}
Этот текст выводится в третьей колонке.
{{Multicol-end}}
Последующий текст располагается обычным образом.
Колонки всегда располагаются слева. Если нужно их выровнять по центру или иным образом, используйте тэг div с соответствующими атрибутами. Например:
<div style="text-align:center;">
{{Multicol|50%}}
...
{{Multicol-end}}
</div>
Пример[править]
Этот текст выводится в первой колонке. |
Этот текст выводится во второй колонке. |
Этот текст выводится в третьей колонке. |
Последующий текст располагается обычным образом.