Меню

Главная
Случайная статья
Настройки
Шаблон:Col-inline-block
Материал из https://ru.wikipedia.org

Шаблон для создания колонок. В отличие от шаблона "Столбцы", использует CSS, конкретнее - свойство display: со значением inline-block, что приводит к меньшему размеру выходного HTML, а также большей доступности и адаптивности к мобильным разрешениям. В отличие от шаблона "Col-float", колонки можно центрировать.

Шаблон для разделения колонок, созданных с помощью этого шаблона - "Col-inline-block-break"; шаблон для закрытия этого шаблона - "Col-inline-block-end".

Для списков следует использовать шаблон "Колонки", т.к. разделяя списки с использованием этого шаблона получается не один список, а несколько разных.

Параметры

Эти параметры применимы также к шаблону "Col-inline-block-break".
class
Класс шаблона (атрибут class= на элементе <div>, который создаёт этот шаблон).
width
Ширина колонки.
style
Дополнительные стили к колонке.


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

Например, с таблицами и установленным правым отступом на первой колонке: 
{{col-inline-block|style=margin-right:10px}}
{| class="wikitable"
|+ Продукция по годам
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-inline-block-break}}
{| class="wikitable"
|+ Прибыль по годам
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-inline-block-end}}


Получается:
Продукция по годам
1980 50,000
1990 75,000
2000 90,000
Прибыль по годам
1980 $6,000
1990 $7,500
2000 $8,200


С таблицами и установленной шириной: 
{{col-inline-block|width=20em}}
{| class="wikitable"
|+ Продукция по годам
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-inline-block-break}}
{| class="wikitable"
|+ Прибыль по годам
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-inline-block-end}}


Получается:
Продукция по годам
1980 50,000
1990 75,000
2000 90,000
Прибыль по годам
1980 $6,000
1990 $7,500
2000 $8,200


С таблицами, установленной шириной и по центру: 
<div class="center">
{{col-inline-block|width=20em}}
{| class="wikitable"
|+ Продукция по годам
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-inline-block-break|width=20em}}
{| class="wikitable"
|+ Прибыль по годам
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-inline-block-end}}
</div>


Получается:
Продукция по годам
1980 50,000
1990 75,000
2000 90,000
Прибыль по годам
1980 $6,000
1990 $7,500
2000 $8,200


См. также
Шаблоны для создания колонок
Тип Работает с таблицами?[a] Адаптивный? Разрывает списки? Центрирование? Открывающий шаблон Разделитель Закрывающий шаблон
Таблицы Да Нет Да Да {{Столбцы}}
Нет Нет Да Да [b]
CSS-свойство float:left Да Да Да Нет {{col-float}} {{col-float-break}} {{col-float-end}}
CSS-свойство display:inline-block Да Да Да Да {{col-inline-block}} {{col-inline-block-break}} {{col-inline-block-end}}
CSS-колонки Да Да Нет Частично[c] {{Колонки}} {{Колонки/конец}}


Примечания
  1. "не работает" в том числе и в том смысле, если для создания таблицы приходится все | заменять на {{!}}
  2. Устарел, не следует использовать в статьях
  3. Центрирование колонок возможно только при ограничении ширины; шаблон по умолчанию занимает всю возможную ширину


Во избежание поломок страниц, использующих этот шаблон, экспериментируйте в песочнице (создать | зеркало) или своём личном пространстве.
Пожалуйста, добавляйте категории на подстраницу /doc. Подстраницы этого шаблона.
Downgrade Counter