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

Материал из in.wiki
Перейти к навигации Перейти к поиску
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 — минимальную их ширину.

См. также

Примечания

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