Свойство column-width

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

Синтаксис

селектор {
	column-width: стойност;
}

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

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

<div id="elem">
	some long text
</div>

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

Пример . Стойност auto

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

<div id="elem">
	some long text
</div>

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

Вижте също

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