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

Материал из in.wiki
Перейти к навигации Перейти к поиску
w>Jemand
(дополнение)
w>Jemand
(стилевые правки)
Строка 1: Строка 1:
<noinclude>{{docpage}}</noinclude>Шаблон предназначен для отображения списков в несколько колонок. Используется в паре с {{tl|Конец кол}}. Позаимствован из [[:en:Template:Div_col]], так как {{tl|Columns-list}} может приводить к ошибкам в некоторых случаях (см. его страницу обсуждений).
+
<noinclude>{{docpage}}</noinclude>Шаблон предназначен для отображения списков в несколько колонок. Используются открывающий тег {{tl|кол}} и закрывающий тег {{tl|конец кол}}. Позаимствован из [[:en:Template:Div_col]], так как {{tl|Columns-list}} может приводить к ошибкам в некоторых случаях (см. его страницу обсуждений).
  
 
При указании ширины колонки, браузер автоматически выберет число колонок, основываясь на ширине страницы. Указывайте ширину колонки, достаточную для отображения средней ширины элементов.
 
При указании ширины колонки, браузер автоматически выберет число колонок, основываясь на ширине страницы. Указывайте ширину колонки, достаточную для отображения средней ширины элементов.

Версия от 10:58, 13 декабря 2010

__EXPECTED_UNCONNECTED_PAGE__Шаблон предназначен для отображения списков в несколько колонок. Используются открывающий тег {{кол}} и закрывающий тег {{конец кол}}. Позаимствован из en:Template:Div_col, так как {{Columns-list}} может приводить к ошибкам в некоторых случаях (см. его страницу обсуждений).

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

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

Использование

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

{{кол}}
* элемент списка 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
* элемент списка 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.