Шаблон:Multicol/Документация — различия между версиями

Материал из УВВ
Перейти к:навигация, поиск
(Новая страница: «== Использование == {{фс2|Multicol}} используется в сочетаниями с шаблонами <tt>{{фс2|Multicol-break}}</tt> и <tt...»)
 
 
Строка 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>

Пример[править]

Этот текст выводится в первой колонке.

Этот текст выводится во второй колонке.

Этот текст выводится в третьей колонке.

Последующий текст располагается обычным образом.