Шаблон {{div col}} (сокращение от division columns) форматирует список в столбцы, которые адаптивно переносятся на несколько разрешений экрана. Он автоматически разбивает доступное пространство экрана на равные части, что означает, например, что нет необходимости угадывать, сколько столбцов использовать, а затем вычислять точку(ы) разделения, например, середину, чтобы разделить список на два столбца, или точки одна треть и две трети, чтобы разделить список на три столбца. Чтобы предотвратить разрыв раздела списка, можно использовать шаблон {{ No col break }} .
.svg/1280px-Test_Template_Info-Icon_-_Version_(2).svg.png){kind=icon}
{{ div col }} <!-- ширина по умолчанию 30em --> * a * b * c * d * e * f * g * h {{ div col end }}Производит:
Для этого шаблона существует шесть параметров:
|colwidth=colwidth=20em.|rules=yesyes.|gap=gap=2em. Интервал по умолчанию (устанавливается браузером) составляет 1em.|class=|style=|small=yes|content={{ 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 конец }}Производит
а б в г д е ж з
{{ 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 могут отделять изображения от подписей, помещая подпись в следующий столбец. Эта ошибка была зарегистрирована в 2018 году как T193163, и, похоже, это ошибка в Chromium, отслеживаемая как проблема 40578413.
TemplateData для Div col
Разбивает список на столбцы. Он автоматически разбивает каждый столбец на равное пространство, поэтому вам не нужно вручную находить середину в двух столбцах. Список предоставляется с помощью |content= или закрывается с помощью {{div col end}}.
{{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 }} оставит пробел , что может нанести вред любому последующему форматированию.<div>...</div>
† Может ли шаблон обрабатывать базовую разметку wiki {| | || |- |} , используемую для создания таблиц ? Если нет, то вместо этого необходимо использовать специальные шаблоны, которые создают эти элементы (например , {{ (! }} , {{ ! } } , { { !! }} , {{ !- }} , {{ !) }} ) или HTML-теги ( , , и т. д.).<table>...</table><tr>...</tr>