Шаблон:Колонки/doc: различия между версиями

Материал из Народные Сказки
Нет описания правки
 
м (1 версия импортирована)
 
(нет различий)

Текущая версия от 12:19, 2 мая 2024

Шаблон предназначен для автоматического разбиения списка на несколько колонок. Используются открывающий тег {{Колонки}} и закрывающий тег {{Колонки|Конец}}.

Для оформления раздела «Примечания» используется специальный аналогичный шаблон {{Примечания}}.

Параметры[править код]

«По умолчанию» список автоматически делится на две равные колонки:

{{Колонки}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{Колонки|Конец}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9

Количество колонок указывается в открывающем теге (не рекомендуется использовать: при небольшой ширине экрана текст в узеньких колонках становится практически не читаемым — данные июня 2022 года):

{{Колонки|3}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{Колонки|Конец}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9

Несколько колонок в настоящее время поддерживаются только в Gecko- и WebKit-браузерах (Firefox, Google Chrome, Safari), однако эта опция включена в CSS3, а следовательно, будет поддерживаться в будущем и другими браузерами[1][2].

При указании ширины колонки браузер автоматически выберет число колонок с учётом ширины окна браузера. Указывайте ширину колонки, достаточную для отображения средней длины элементов.

{{Колонки|13em}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{Колонки|Конец}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9

Параметр мал=да уменьшает размеры шрифта (90 %):

{{Колонки|мал=да}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{Колонки|Конец}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9

Комбинации:

{{Колонки|3|мал=да}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{Колонки|Конец}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9
{{Колонки|3em|мал=да}}
* 1
* 2
* 3
* 4
* 5
* 6
* 7
* 8
{{Колонки|Конец}}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

Также в шаблоне можно ограничивать количество колонок и их ширину — в параметре Maxcount можно указать максимальное количество колонок, в параметре Minwidth — минимальную их ширину.

См. также[править код]

Примечания[править код]

  1. CSS Multi-column Layout Module (англ.). Дата обращения: 4 мая 2010.
  2. CSS3 Columns — Mozilla Developer Center (англ.). Дата обращения: 4 мая 2010.