tapeta Moderního Webu

column

3D
2D

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

moderniweb.com © 2018