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

Материал из in.wiki
Перейти к навигации Перейти к поиску
w>Jemand
(оформление)
w>Jemand
(→‎Параметры: оформление)
Строка 56: Строка 56:
 
Несколько колонок в настоящее время поддерживаются только в [[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>.
  
При указании '''ширины колонки''' браузер автоматически выберет число колонок, основываясь на ширине страницы. Указывайте ширину колонки, достаточную для отображения средней ширины элементов.
+
При указании '''ширины колонки''' браузер автоматически выберет число колонок, основываясь на ширине страницы. Указывайте ширину колонки, достаточную для отображения средней длины элементов.
  
<pre>{{кол|шир=3em}}
+
<pre>{{кол|шир=13em}}
* 1
+
* элемент списка 1
* 2
+
* элемент списка 2
* 3
+
* элемент списка 3
* 4
+
* элемент списка 4
* 5
+
* элемент списка 5
* 6
+
* элемент списка 6
* 7
+
* элемент списка 7
* 8
+
* элемент списка 8
 +
* элемент списка 9
 
{{конец кол}}
 
{{конец кол}}
 
</pre>
 
</pre>
  
{{кол|шир=3em}}
+
{{кол|шир=13em}}
* 1
+
* элемент списка 1
* 2
+
* элемент списка 2
* 3
+
* элемент списка 3
* 4
+
* элемент списка 4
* 5
+
* элемент списка 5
* 6
+
* элемент списка 6
* 7
+
* элемент списка 7
* 8
+
* элемент списка 8
 +
* элемент списка 9
 
{{конец кол}}
 
{{конец кол}}
  

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

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

Параметры

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

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