Шаблон:Div col end

Документация по шаблону [ просмотр ] [ правка ] [ история ] [ очистка ]

Этот шаблон используется примерно на 328 000 страницах, или примерно в 1% всех страниц .
Чтобы избежать серьезных сбоев и нагрузки на сервер, любые изменения следует тестировать на подстраницах шаблона /sandbox или /testcases, или на вашей собственной подстранице пользователя . Протестированные изменения можно добавить на эту страницу за одно редактирование. Рассмотрите возможность обсуждения изменений на странице обсуждения перед их реализацией.

Поддержка браузером многоколоночной компоновки CSS3
Свойство	Интернет Эксплорер	Firefox	Сафари	Хром	Опера
ширина-столбца количество-столбцов	≥ 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/styles.css ( песочница )

Шаблон {{div col}} (сокращение от division columns) форматирует список в столбцы, которые адаптивно переносятся на несколько разрешений экрана. Он автоматически разбивает доступное пространство экрана на равные части, что означает, например, что нет необходимости угадывать, сколько столбцов использовать, а затем вычислять точку(ы) разделения, например, середину, чтобы разделить список на два столбца, или точки одна треть и две трети, чтобы разделить список на три столбца. Чтобы предотвратить разрыв раздела списка, можно использовать шаблон {{ No col break }} .

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

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

{{ div col }} <!-- ширина по умолчанию 30em --> * a * b * c * d * e * f * g * h {{ div col end }}

Производит:

а
б
с
г
е
ф
г
час

Параметры

Для этого шаблона существует шесть параметров:

|colwidth=: Указывает минимальную ширину столбцов, чтобы количество столбцов автоматически основывалось на ширине экрана (то есть на более широких дисплеях будет отображаться больше столбцов). Если значение не указано, шаблон использует значение по умолчанию 30em. Ширину можно указать в любой относительной или абсолютной единице длины CSS , например, em (примерно ширина заглавной буквы «M» отображаемого шрифта), например, colwidth=20em.
|rules=yes: Добавляет вертикальные линии («линии») между столбцами, если установлено значение yes.
|gap=: Задает расстояние между содержимым соседних столбцов в любых допустимых единицах ширины CSS, например, gap=2em. Интервал по умолчанию (устанавливается браузером) составляет 1em.
|class=: HTML-класс или несколько классов, разделенных пробелом, для применения к столбцам.
|style=: CSS-стили , применяемые к столбцам.
|small=yes: Устанавливает размер шрифта на 90%.
|content=: Содержимое для применения к столбцам. Этот параметр фактически эквивалентен {{ columns-list }} , который является сквозным для этого шаблона.

Примеры

Колвидс

Фиксированная ширина

{{ div col | colwidth = 10em }}  <!-- ширина столбца 10em --> * a * b * c * d * e * f * g * h {{ div col end }}

Производит:

а
б
с
г
е
ф
г
час

Изменяемая ширина

{{ div col | colwidth = 10vw }}  <!-- ширина столбца 10% от видимой области или контейнера--> * a * b * c * d * e * f * g * h {{ div col end }}

Производит:

а
б
с
г
е
ф
г
час

Правила

{{ div col | colwidth = 10em | rules = yes }}  <!-- ширина столбца 10em с правилами --> * a * b * c * d * e * f * g * h {{ div col end }}

Производит:

а
б
с
г
е
ф
г
час

Зазор

{{ div col | colwidth = 10em | rules = yes | gap = 2em }}  <!-- ширина столбца 10em с линейками и зазором 2em --> * a * b * c * d * e * f * g * h {{ div col end }}

Производит:

а
б
с
г
е
ф
г
час

Маленький

{{ div col | small = да }}  <!-- Small = да --> * a * b * c * d * e * f * g * h {{ div col end }}

Производит:

а
б
с
г
е
ф
г
час

Содержание

{{ div col | colwidth = 10em | content =  <!-- параметр content не нужен {{div col end}} -->* а* б* с* д* е* ж* г* ч}}

Производит:

а
б
с
г
е
ф
г
час

Множественные параметры

{{ div col | colwidth = 10em | rules = yes | gap = 2em | small = yes }} * a * b * c * d * e * f * g * h {{ div col end }}

Производит:

а
б
с
г
е
ф
г
час

Текстовые символы без разметки списка

{{ div col | colwidth = 10em }}  <!--Текстовые символы без разметки списка -->абсгефгчас{{ div col конец }}

Производит

а б в г д е ж з

Lorem ipsum

{{ div col }}  <!--Lorem ipsum --> {{ lorem ipsum }} {{ div col end }}

Производит

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Ограничение

Подсписки

Базовая система CSS не может разбить подсписки на столбцы. Обратите внимание на неравномерное форматирование ниже:

{{ div col | colwidth = 10em | rules = yes | gap = 2em | style = column-count:3 | content =* а* б* с** компакт-диск** се** см.* г* ч}}

Производит:

а
б
с
- компакт-диск
- се
- ср
г
час

Похоже , отключение break-inside: avoid-column;правила помогает.

Браузеры на базе Chrome могут отделять изображения от подписей

При определенных обстоятельствах браузеры на базе Chrome могут отделять изображения от подписей, помещая подпись в следующий столбец. Эта ошибка была зарегистрирована в 2018 году как T193163, и, похоже, это ошибка в Chromium, отслеживаемая как проблема 40578413.

Отслеживание категорий

Категория:Страницы, использующие div col с неизвестными параметрами (0) (за ошибочное использование имен параметров, не задокументированных здесь)
Категория:Страницы, использующие div col с малым параметром (3483)

TemplateData

Это TemplateData для этого шаблона, используемого TemplateWizard, VisualEditor и другими инструментами. См. ежемесячный отчет об использовании параметра для Template:Div col end в статьях, основанных на его TemplateData.

TemplateData для Div col end

Завершает многоколоночный список, начатый {{div col}}. Не принимает параметров.

Параметры шаблона [ Редактировать данные шаблона ]
Параметр		Описание	Тип	Статус
Параметры не указаны

Перенаправления

{{col div end}}
{{colend}}(но не ){{Col end}}
{{div end}}
{{Divcol-end}}
{{Divcolend}}
{{Divend}}
{{End div col}}
{{EndDivCol}}
{{End of solid block}}

Смотрите также

{{ refbegin }} и {{ refend }} (для столбцов в ручных списках литературы)

Семейства шаблонов, генерирующих столбцы

Перечисленные здесь шаблоны не являются взаимозаменяемыми . Например, использование {{ col-float }} с {{ col-end }} вместо {{ col-float-end }} оставит пробел , что может нанести вред любому последующему форматированию.<div>...</div>

Шаблоны колонок
Тип	Семья	Обрабатывает код вики-таблицы? ^†	Адаптивный/ подходит для мобильных устройств	Начать шаблон	Разделитель столбцов	Конечный шаблон
Плавать	"col-float"	Да	Да	{{ col-float }}	{{ col-float-break }}	{{ col-float-end }}
Плавать	"столбцы-старт"	Да	Да	{{ столбцы-начало }}	{{ столбец }}	{{ столбцы-конец }}
Колонны	"div col"	Да	Да	{{ div col }}	–	{{ div col конец }}
Колонны	"список столбцов"	Нет	Да	{{ columns-list }} (оборачивает div col)	–	–
Флексбокс	"гибкие колонны"	Нет	Да	{{ гибкие столбцы }}	–	–
Стол	"кол"	Да	Нет	{{ col-begin }} , {{ col-begin-fixed }} или {{ col-begin-small }}	{{ col-break }} или {{ col-2 }} .. {{ col-5 }}	{{ col-end }}

^† Может ли шаблон обрабатывать базовую разметку wiki {| | || |- |} , используемую для создания таблиц ? Если нет, то вместо этого необходимо использовать специальные шаблоны, которые создают эти элементы (например , {{ (! }} , {{ ! } } , { { !! }} , {{ !- }} , {{ !) }} ) или HTML-теги ( , , и т. д.).<table>...</table><tr>...</tr>

Вышеуказанная документация включена из Template:Div col/doc . и testcases ( страницах
этого шаблона . Подстраницы этого шаблона .