Этот шаблон используется примерно на 247 000 страниц. Чтобы избежать серьезных сбоев и нагрузки на сервер, любые изменения следует тестировать на подстраницах / sandbox или / testcases шаблона, или на подстраницах вашего собственного пользователя . Протестированные изменения могут быть добавлены на эту страницу одним редактированием. Обсудите изменения на странице обсуждения, прежде чем внедрять их. |
Столбцы не поддерживаются некоторыми старыми браузерами, особенно Internet Explorer 9 и более ранними версиями и Opera 11.0 и более ранними версиями. См. Шаблон: Reflist § Поддержка столбцов браузером для получения дополнительной информации. |
Имущество | Internet Explorer | Fire Fox | Сафари | Хром | Опера |
---|---|---|---|---|---|
ширина столбца количество столбцов | ≥ 10 (2012) | ≥ 1,5 (2005) | ≥ 3 (2007) | ≥ 1 (2008 г.) | ≥ 11,1 (2011 г.) |
столбцы | ≥ 10 (2012) | ≥ 9 (2011 г.) | ≥ 3 (2007) | ≥ 1 (2008 г.) | ≥ 11,1 (2011 г.) |
обрыв до обрыва после обрыва внутрь | ≥ 10 (2012) | ≥ 65 (2019) | ≥ 10 (2016) | ≥ 65 (2016) | ≥ 15 (2013) |
Этот шаблон использует Lua : |
Этот шаблон использует TemplateStyles : |
ДИВ цв (сокращенно разделение столбцов) форматирует список в колонки , которые обертывают в нескольких разрешениях экрана ответно. Он автоматически разбивает доступное пространство экрана на равные части, что означает, например, что нет необходимости угадывать, сколько столбцов использовать, а затем вычислять точку (точки) разделения, например точку на полпути, чтобы разделить список на два столбцы или одна треть и две трети точки, чтобы разделить список на три столбца.
Применение
Основное использование
{{div col}} <! - ширина по умолчанию 30 мкм ->* а* б* c* d* е* f* грамм* ч{{div col end}}
Производит:
- а
- б
- c
- d
- е
- ж
- грамм
- час
Параметры
У этого шаблона шесть параметров:
|colwidth=
- Задает минимальную ширину столбцов, чтобы количество столбцов автоматически зависело от ширины экрана (то есть на более широких дисплеях будет отображаться больше столбцов). Если значение не указано, в шаблоне используется значение по умолчанию 30em. Ширина может быть указана в любой единице измерения CSS , например, в em (о ширине заглавной буквы «M» отображаемого шрифта), например
colwidth=20em
. |rules=yes
- Добавляет вертикальные линии («правила») между столбцами, если установлено значение
yes
. |gap=
- Задает интервал между содержимым соседних столбцов в любой допустимой единице ширины CSS, например
gap=2em
. Интервал по умолчанию (устанавливается браузером) - 1em. |class=
- Класс HTML или несколько классов с разделителями-пробелами для применения к столбцам. Например,
class=plainlist nowrap
. |style=
- Стили CSS для применения к столбцам.
|small=yes
- Устанавливает размер шрифта на 90%.
|content=
- Контент для применения к столбцам. Этот параметр фактически эквивалентен {{ columns-list }}, который является сквозным для этого шаблона.
Примеры
Colwidth
{{div col | colwidth = 10em}} <! - ширина столбца 10em ->* а* б* c* d* е* f* грамм* ч{{div col end}}
Производит:
- а
- б
- c
- d
- е
- ж
- грамм
- час
Правила
{{Div col | colwidth = 10em | rules = yes}} <! - ширина столбца 10em с правилами ->* а* б* c* d* е* f* грамм* ч{{Div col end}}
Производит:
- а
- б
- c
- d
- е
- ж
- грамм
- час
Зазор
{{Div col | colwidth = 10em | rules = yes | gap = 2em}} <! - ширина столбца 10em с правилами и пробелом 2em ->* а* б* c* d* е* f* грамм* ч{{Div col end}}
Производит:
- а
- б
- c
- d
- е
- ж
- грамм
- час
Небольшой
{{Div col | small = yes}} <! - Small = yes ->* а* б* c* d* е* f* грамм* ч{{Div col end}}
Производит:
- а
- б
- c
- d
- е
- ж
- грамм
- час
Содержание
{{Div col | colwidth = 10em | content = <! - параметр содержимого не требует {{div col end}} ->* а* б* c* d* е* f* грамм* ч}}
Производит:
- а
- б
- c
- d
- е
- ж
- грамм
- час
Несколько параметров
{{Div col | colwidth = 10em | rules = yes | gap = 2em | small = yes}}* а* б* c* d* е* f* грамм* ч{{Div col end}}
Производит:
- а
- б
- c
- d
- е
- ж
- грамм
- час
Текстовые символы без разметки списка
{{div col | colwidth = 10em}} <! - Текстовые символы без разметки списка ->абcdежграммчас{{div col end}}
Производит
а б в г д е ж з
Lorem ipsum
{{div col}} <! - Lorem ipsum ->{{lorem ipsum}}{{div col end}}
Производит
Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Conquat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.
Ограничение
Подсписки
Базовая система CSS не может разбивать подсписки на столбцы. Обратите внимание на неравномерное форматирование ниже:
{{Div col | colwidth = 10em | rules = yes | gap = 2em | style = column-count: 3 | content =* а* б* c** CD** ce** ср* грамм* ч}}
Производит:
- а
- б
- c
- CD
- ce
- ср
- грамм
- час
break-inside: avoid-column;
Кажется, что отключение правила помогает.
Категории отслеживания
- Категория: Страницы, использующие div col с неизвестными параметрами (8) (для ошибочного использования имен параметров, не задокументированных здесь)
- Категория: Страницы, использующие div col с маленьким параметром (1,925)
TemplateData
TemplateData для конца столбца Div
Завершает список из нескольких столбцов, начинающийся с {{div col}}. Не требует параметров.
Параметр | Описание | Тип | Статус | |||
---|---|---|---|---|---|---|
Параметры не указаны |
Перенаправления
{{Col div end}}
{{Colend}}
(но не ){{Col end}}
{{Div end}}
{{Divcol-end}}
{{Divcolend}}
{{Divend}}
{{End div col}}
{{EndDivCol}}
Смотрите также
Семейства шаблонов для создания столбцов
Перечисленные здесь шаблоны не являются взаимозаменяемыми . Например, использование {{ col-float }} с {{ col-end }} вместо {{ col-float-end }} оставило бы HTML «div» (разделение) открытым, потенциально повредив любому последующему форматированию.
Тип | Семья | Обрабатывает код таблицы вики ? | Адаптивный / Подходит для мобильных устройств | Начальный шаблон | Разделитель столбца | Конец шаблона |
---|---|---|---|---|---|---|
Плавать | «Кол-поплавок» | да | да | {{ Col-float }} | {{ Col-float-break }} | {{ Col-float-end }} |
«Столбцы-старт» | да | да | {{ Columns-start }} | {{ Столбец }} | {{ Columns-end }} | |
Столбцы | "Div col" | да | да | {{ Div col }} | - | {{ Div col end }} |
"Столбцы-список" | Нет | да | {{ Columns-list }} (оборачивает div col) | - | - | |
Flexbox | «Гибкие колонны» | Нет | да | {{ Гибкие столбцы }} | - | - |
Таблица | "Col" | да | Нет | {{ Col-begin }}, {{ Col-begin-fixed }} или {{ Col-begin-small }} | {{ Col-break }} или {{ Col-2 }} .. {{ Col-5 }} | {{ Col-end }} |
Могут ли столбцы обрабатывать вики-разметку, {| | || |- |}
используемую для создания таблиц ? В противном случае шаблоны, которые создают эти элементы (например, {{ (! }}, {{ ! }}, {{ !! }}, {{ ! - }}, {{ !) }}) Или HTML-теги ( <table>...</table>
, <tr>...</tr>
и т. д.) необходимо будет использовать вместо этого.