CSS Coloane multiple. CSS Creează mai multe coloane. Proprietatea column-count. CSS Specificați decalajul dintre coloane. Proprietatea column-gap.

Susține Lectii-Virtuale!

CSS Creează mai multe coloane (CSS Create Multiple Columns)

Proprietatea column-count specifică numărul de coloane în care trebuie divizat un element.

Următorul exemplu va împărți textul din elementul <div> în 3 coloane:

Exemplu:

div {
  column-count: 3;
}

CSS Specificați decalajul dintre coloane (CSS Specify the Gap Between Columns)

Proprietatea column-gap specifică decalajul dintre coloane.

Următorul exemplu specifică o distanță de 40 de pixeli între coloane:

Exemplu:

div {
  column-gap: 40px;
}