Шаблон:Колонки/doc: различия между версиями
w>STARSHIP TROOPER м (дополнение) |
w>Proeksad |
||
Строка 57: | Строка 57: | ||
{{колонки|конец}} | {{колонки|конец}} | ||
− | Несколько колонок в настоящее время поддерживаются только в [[Gecko]]- и [[WebKit]]-браузерах ([[Firefox]], [[Google Chrome]], [[Safari]]), однако эта опция включена в [[Cascading Style Sheets|CSS3]], а следовательно, будет поддерживаться в будущем и другими браузерами<ref>{{cite web|url=http://www.w3.org/TR/css3-multicol/|title=CSS Multi-column Layout Module|lang=en|publisher=|date=|accessdate=4 мая 2010}}</ref><ref>{{cite web|url=https://developer.mozilla.org/en/CSS3_Columns|title=CSS3 Columns — Mozilla Developer Center|lang=en|publisher=|date=|accessdate=4 мая 2010}}</ref>. | + | Несколько колонок в настоящее время поддерживаются только в [[Gecko]]- и [[WebKit]]-браузерах ([[Firefox]], [[Google Chrome]], [[Safari]]), однако эта опция включена в [[Cascading Style Sheets|CSS3]], а следовательно, будет поддерживаться в будущем и другими браузерами<ref>{{cite web|url=http://www.w3.org/TR/css3-multicol/|title=CSS Multi-column Layout Module|lang=en|publisher=|date=|accessdate=4 мая 2010}}</ref><ref>{{cite web|url=https://developer.mozilla.org/en/CSS3_Columns|title=CSS3 Columns — Mozilla Developer Center|lang=en|publisher=|date=|accessdate=4 мая 2010}}</ref>. '''Не рекомендуется использовать: при небольшой ширине экрана текст в узеньких колонках становится практически не читаемым (на 2022 год).''' |
При указании '''ширины колонки''' браузер автоматически выберет число колонок с учётом ширины окна браузера. Указывайте ширину колонки, достаточную для отображения средней длины элементов. | При указании '''ширины колонки''' браузер автоматически выберет число колонок с учётом ширины окна браузера. Указывайте ширину колонки, достаточную для отображения средней длины элементов. |
Версия от 17:13, 25 июня 2022
![]() |
__EXPECTED_UNCONNECTED_PAGE__
Шаблон предназначен для автоматического разбиения списка на несколько колонок. Используются открывающий тег {{колонки}} и закрывающий тег {{колонки|конец}}
.
Для оформления раздела «Примечания» используется специальный аналогичный шаблон {{примечания}}.
Параметры
«По умолчанию» список автоматически делится на две равные колонки:
{{колонки}} * элемент списка 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]. Не рекомендуется использовать: при небольшой ширине экрана текст в узеньких колонках становится практически не читаемым (на 2022 год).
При указании ширины колонки браузер автоматически выберет число колонок с учётом ширины окна браузера. Указывайте ширину колонки, достаточную для отображения средней длины элементов.
{{колонки|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.