5 августа буду в отъезде. отвечаю по возможности

Свойство column-width

Свойство column-width задает ширину колонок в многоколоночном тексте. Значением свойства служат любые единицы для размеров, кроме процентов, либо ключевое слово auto (по умолчанию). При значении auto браузер сам подбирает оптимальную ширину колонок на основе column-count и column-gap.

Синтаксис

селектор { column-width: значение; }

Пример . Указанная ширина

В данном примере указана ширина колонки column-width в 150px, а их количество column-count стоит в значении auto. В результате ширина колонок будет 150px, их количество и промежуток между ними браузер подберет сам:

#elem { column-count: auto; column-width: 150px; text-align: justify; }

:

Пример . Значение auto

В данном примере текст разобьется на 3 колонки (так как column-width стоит в значении 3), а вот их ширина вычислится автоматически:

#elem { column-width: auto; column-count: 3; text-align: justify; }

:

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

  • свойство column-count,
    которое задает количество колонок
  • свойство column-gap,
    которое задает промежуток между колонками
  • свойство column-rule,
    которое задает границу между колонками
  • свойство column-span,
    которое задает количество столбцов, на которые должен растягиваться элемент
  • свойство columns,
    которое является свойством-сокращением для многоколоночности