column

column

CSS3 vlastnost column slouží k vytváření vícesloupcového layoutu na webu.

Příklad:

div {
  width: 505px;
  column-count: 2;
  column-gap: 5px;
  column-width: 250px;      
}

Vytvoří novinový formát obsahu. Tj. obsah rozdělí do několika sloupců.

Doporučuji definovat délku (width) nebo výšku (height) nadřazeného elementu.

Legenda:

• column-count - počet sloupců
• column-gap - mezera mezi sloupci
• column-width - délka sloupce