Шаблон:Столбцы

Материал из Наро-Фоминский Футбол
Перейти к навигации Перейти к поиску
Документация просмотр · править

Три шаблона вместе раскладывают содержимое страницы (текст, списки, таблицы, изображения) по нескольким колонкам. Где начинается каждая колонка, автор указывает сам. Технически блок — это таблица без рамок, а каждая колонка — её ячейка.

Внутри колонок работает обычная вики-разметка.

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

{{столбцы}}
{{столбец}}
Содержимое первой колонки
{{столбец}}
Содержимое второй колонки
{{столбцы/конец}}
  • {{столбец}} ставится перед каждой колонкой, в том числе перед первой. Колонок может быть сколько угодно.
  • {{столбцы/конец}} обязателен: без него всё, что ниже на странице, попадёт в последнюю колонку.
  • Каждый шаблон лучше ставить на отдельной строке.
  • Если длинный список нужно просто разбить на колонки автоматически, удобнее CSS-колонки: <div style="column-count:2">…</div>. Браузер разложит элементы сам.

Параметры

Все параметры необязательные. Если параметр не указан, соответствующее свойство не задаётся и действуют стили из Шаблон:Столбцы/styles.css.

{{столбцы}}

Параметр Что задаёт Пример
width ширину всего блока width=100%, width=40em, width=auto
bgcolor цвет фона блока bgcolor=#f8f9fa
class дополнительный CSS-класс блока class=мой-класс

{{столбец}}

Задаются для каждой колонки отдельно.

Параметр Что задаёт Пример
width ширину колонки width=50%, width=20em
align выравнивание текста по горизонтали: left, center, right, justify align=center
valign выравнивание по вертикали: top, middle, bottom valign=middle
gap отступ слева от содержимого колонки (фактически расстояние до предыдущей) gap=2em

У {{столбцы/конец}} параметров нет.

Примеры

Две колонки

{{столбцы}}
{{столбец}}
Первая колонка. Здесь может быть любой текст, список или изображение.
{{столбец|gap=2em}}
Вторая колонка, отделённая от первой отступом 2em.
{{столбцы/конец}}

Результат:

Три колонки заданной ширины

{{столбцы|width=100%}}
{{столбец|width=50%}}
* Элемент 1
* Элемент 2
* Элемент 3
{{столбец|width=25%|gap=1em}}
* Элемент 4
* Элемент 5
{{столбец|width=25%|gap=1em}}
* Элемент 6
{{столбцы/конец}}

Результат:

Таблицы рядом

width=auto сжимает блок по ширине содержимого, поэтому таблицы стоят рядом, а не разъезжаются по половинам страницы.

{{столбцы|width=auto}}
{{столбец}}
{| class="wikitable"
! Год !! Выпуск
|-
| 2024 || 90 000
|-
| 2025 || 95 000
|}
{{столбец|gap=2em}}
{| class="wikitable"
! Год !! Прибыль
|-
| 2024 || 8 200
|-
| 2025 || 9 100
|}
{{столбцы/конец}}

Результат: