[оновити]
Ця сторінка документації, вона повинна бути включена в основну сторінку. Більше інформації на сторінці Шаблон:Документація.{{Div col}} можна використовувати для складання списку в стовпці, які обертаються належним чином і сумісно з портативними комп'ютерними пристроями, особливо Операційні системи PAD та невеликі екрани. Він автоматично розбиває наявний простір на рівні проміжки, тобто, наприклад, не потрібно опрацьовувати половину точки або одну третину та дві третини між двома стовпцями.
- Вміст списку надається
contentпараметру (який може обмежувати дозволений вміст; наприклад, розмітка wiki на зразок | якось повинна бути відхилена) або припинятися з{{div col end}}. Обгортка{{columns-list}}використовує метод параметрів для надання вмісту (включаючи його обмеження). - Система шаблонів (family) також пропонує параметри параметрів, щоб встановити менший (90%) параметр розміру шрифту (
small=yes), розмістити параметр вертикальних ліній ("rules") між стовпцями (rules) і додати інші спеціальні стилі (style).
{{Div col}} можна створити кілька стовпців у веб-браузерах, які підтримують такі властивості CSS:
- column-width (для браузерів, сумісних з CSS3; див. CSS3 module: Multi-column layout)
За замовчуванням шаблон створює стовпці шириною 30ем.
Використання[]
Для цього шаблону є п'ять параметрів; їх використання описано нижче.
colwidth- Вказує мінімальну ширину стовпців і автоматично визначає кількість стовпців на основі ширини екрана (тобто більше стовпців буде показано на ширших екранах). Можна вказати в будь-якому блоці CSS, наприклад в em, про ширину великої літери "М", наприклад,
colwidth=20em. Якщо значення не вводиться, шаблон використовує за замовчуванням 30ем. rules- Додає вертикальні лінії ("rules") між стовпами, якщо встановлено значення
yesабо деякі стилі CSS (наприклад1px dashed blue;). gap- Вказує простір між вмістом сусідніх стовпців. Вказується в будь-якому блоці CSS, наприклад,
gap=2em. За замовчуванням інтервал (встановлений браузером) — 1ем. style- CSS-стиль для застосування до стовпців.
content- вміст, який потрібно застосувати до стовпців.
Приклади[]
Використання параметра "colwidth"[]
- Приклад із шириною стовпця 10ем
{{div col|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}
- виробляє
- a
- b
- c
- d
- e
- f
- g
- h
Використання параметра "rules"[]
- Приклад
{{Div col|rules=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
- виробляє
- a
- b
- c
- d
- e
- f
- g
- h
Використання параметра "gap"[]
- Приклад
{{Div col|colwidth=10em|rules=yes|gap=2em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
- виробляє
- a
- b
- c
- d
- e
- f
- g
- h
Використання параметра "small"[]
- Приклад показує, як встановлення параметра "small" на "yes" створює менший розмір шрифту
{{Div col|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
- виробляє
- a
- b
- c
- d
- e
- f
- g
- h
Використання параметра "content"[]
- Приклад показує, як надати параметр "content" без використання
{{Div col end}}
{{Div col|colwidth=10em|content=
* a
* b
* c
* d
* e
* f
* g
* h
}}
- виробляє
- a
- b
- c
- d
- e
- f
- g
- h
Використання з декількома параметрами[]
Параметри можна використовувати в будь-якому порядку. Приклад:
{{Div col|colwidth=10em|rules=yes|gap=2em|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
або
{{Div col|rules=yes|gap=2em|small=yes|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
- виробляє
- a
- b
- c
- d
- e
- f
- g
- h
і точно такий же результат нижче
- a
- b
- c
- d
- e
- f
- g
- h
- Приклад із шириною стовпця 20ем
{{div col|colwidth=20em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}
- виробляє
- a
- b
- c
- d
- e
- f
- g
- h
- Приклад із шириною стовпця 30ем
{{div col|colwidth=30em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}
- виробляє
- a
- b
- c
- d
- e
- f
- g
- h
- Приклад того, як поводиться цей шаблон, якщо не використовуються кулі (згенеровані знаком зірочки).
{{div col|colwidth=10em}}
a
b
c
d
e
f
g
h
{{div col end}}
- виробляє
a b c d e f g h