Шаблон:Колонки: различия между версиями
Dzmuh (обсуждение | вклад) (Новая страница: «<includeonly>{{#ifeq:конец|{{{1|}}}|</div>|<div class="columns" style="{{{style|}}};<!-- -->{{#if: {{без цифр| {{{1|{{{шир|{{{colwidth|}}}}}}}}} }}...») |
Dzmuh (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
<includeonly>{{#ifeq:конец|{{{1|}}}|</div>|<div class="columns" style="{{{style|}}};<!-- | <includeonly>{{#ifeq:конец|{{{1|}}}|</div>|<div class="columns" style="{{{style|}}};<!-- | ||
-->{{#if: {{без цифр| {{{1|{{{шир|{{{colwidth|}}}}}}}}} }} | -->{{#if: {{без цифр| {{{1|{{{шир|{{{colwidth|}}}}}}}}} }} | ||
| | | column-width:{{{1|{{{шир|{{{colwidth|}}}}}}}}};<!-- | ||
-->{{#if: {{{maxcount|}}} | -->{{#if: {{{maxcount|}}} | ||
| | | column-count:{{{maxcount}}};<!-- | ||
-->}} | -->}} | ||
| | | column-count:{{{1|2}}};<!-- | ||
-->{{#if: {{{minwidth|}}} | -->{{#if: {{{minwidth|}}} | ||
| | | column-width:{{{minwidth|}}};<!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if: {{{мал|}}}{{{small|}}} | font-size: 90%; }}">}}</includeonly><noinclude>{{doc}}</noinclude> | -->{{#if: {{{мал|}}}{{{small|}}} | font-size: 90%; }}">}}</includeonly><noinclude>{{doc}}</noinclude> | ||
Текущая версия от 11:06, 3 мая 2023
Шаблон предназначен для автоматического разбиения списка на несколько колонок. Используются открывающий тег {{колонки}} и закрывающий тег {{колонки|конец}}.
Для оформления раздела «Примечания» используется специальный аналогичный шаблон {{примечания}}.
Параметры
«По умолчанию» список автоматически делится на две равные колонки:
{{колонки}}
* элемент списка 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
Несколько колонок в настоящее время поддерживаются только в 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 — минимальную их ширину.
Примечания
- ↑ CSS Multi-column Layout Module (англ.). Дата обращения: 4 мая 2010.
- ↑ CSS3 Columns — Mozilla Developer Center (англ.). Дата обращения: 4 мая 2010.