Шаблон:Колонки

Материал из Мегапедии
Перейти к: навигация, поиск
(i) Документация шаблона

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

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

Параметры

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

{{колонки}}
* элемент списка 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
Также в шаблоне можно ограничивать количество колонок и их ширину — в параметре



Зелев крут!!!
и это правда!!!


можно указать максимальное количество колонок, в параметре



Зелев крут!!!
и это правда!!!


 — минимальную их ширину.

См. также

Примечания

  1. CSS Multi-column Layout Module (англ.). Проверено 4 мая 2010.
  2. CSS3 Columns — Mozilla Developer Center (англ.). Проверено 4 мая 2010.
</div>
Внимание, изменение кода шаблонов может серьезно изменить их внешний вид. Для свободного тестирования можно посетить наш полигон для испытаний. Спасибо.