CSS свойство column-width

Определяет оптимальную ширину колонки в многоколоночном тексте. При этом реальная ширина колонки может быть больше указанного значения, сокращение установленной ширины приводит к отмене нескольких колонок, текст при этом выстраивается в одну колонку.

CSS синтаксис

column-width: auto | ширина | initial | inherit;

Возможные значения

ЗначениеОписание
autoЗначение по умолчанию. Ширина колонок определяется браузером.
ширинаЗначение ширины колонки в абсолютных единицах CSS (например, пикселях).
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Устанавливаем свою предполагаемую оптимальную ширину колонок


div {
    -webkit-column-width: 100px; /* Chrome, Safari, Opera */
    -moz-column-width: 100px; /* Firefox */
     column-width: 100px;
}