Proprietatea column-span

Proprietatea column-span stabilește numărul de coloane pe care ar trebui să se întindă un element în textul multicoloană. Proprietatea acceptă fie o valoare numerică 1, fie cuvântul cheie all. Cu valoarea 1 elementul va acoperi o singură coloană, iar cu valoarea all - toate coloanele.

Sintaxă

cssselector {
  column-span: 1 | all;
}

Valoare implicită: 1.

Exemplu

În acest exemplu, titlul va fi plasat în interiorul primei coloane:

html<div id="elem">
  <h2>Lorem ipsum dolor sit amet eu metus non</h2>
  some long text
</div>

css#elem h2 {
  column-span: 1;
  margin: 0;
}
#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

Exemplu

Iar acum titlul se va întinde pe toate coloanele:

html<div id="elem">
  <h2>Lorem ipsum dolor sit amet eu metus non</h2>
  some long text
</div>

css#elem h2 {
  column-span: all;
  margin: 0;
}
#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

Vedeți și