Этот шаблон используется примерно на 327 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 с неизвестными параметрами (4) (для ошибочного использования имен параметров, не задокументированных здесь)
- Категория: Страницы, использующие div col с маленьким параметром (1,911)
TemplateData
TemplateData для Div col
Разбивает список на столбцы. Он автоматически разбивает каждый столбец на равное пространство, поэтому вам не нужно вручную находить половину пути на двух столбцах. Список предоставляется с помощью | content = или закрывается с помощью {{div col end}}.
Параметр | Описание | Тип | Положение дел | |
---|---|---|---|---|
Ширина колонки | colwidth | Задает ширину столбцов и динамически определяет количество столбцов в зависимости от ширины экрана; больше столбцов будет отображаться на более широких дисплеях.
| Нить | необязательный |
Правила | rules | Если установлено значение «Да», создаются вертикальные линейки между столбцами.
| Нить | необязательный |
Размер зазора | gap | Задает расстояние между содержимым соседних столбцов.
| Нить | необязательный |
HTML класс | class | Задает любой класс или несколько классов, разделенных пробелами.
| Нить | необязательный |
CSS стиль | style | Задает любой настраиваемый стиль. | Нить | необязательный |
Содержание | content | Определяет содержимое для разделения на столбцы | Нить | необязательный |
Маленький шрифт | small | Используйте меньший размер шрифта (90%)
| Нить | необязательный |
Перенаправления
{{Col div}}
{{Colbegin}}
(но не или ){{Col begin}}
{{Col-begin}}
{{Cols}}
{{Div col start}}
{{Div col begin}}
{{Div-col}}
{{Palmares start}}
Смотрите также
Семейства шаблонов для создания столбцов
Перечисленные здесь шаблоны не являются взаимозаменяемыми . Например, использование {{ 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>
и т. д.) необходимо будет использовать вместо этого.