Својство column-width

Својство column-width задаје ширину колона у вишеколонском тексту. Вредношћу својства служе било које јединице за величине, осим процената, или кључна реч auto (подразумевано). При вредности auto прегледач сам бира оптималну ширину колона на основу column-count и column-gap.

Синтакса

cssселектор {
  column-width: вредност;
}

Пример . Наведена ширина

У овом примеру наведена је ширина колоне column-width у 150px, а њихов број column-count је постављен на вредност auto. Као резултат ширина колона ће бити 150px, њихов број и размак између њих прегледач ће сам одабрати:

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

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

Результат:

Пример . Вредност auto

У овом примеру текст ће се поделити на 3 колоне (пошто је column-width постављено на вредност 3), а њихова ширина ће се израчунати аутоматски:

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

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

Результат:

Погледајте такође