Eigenschap column-width

De eigenschap column-width specificeert de breedte van kolommen in meerkolomstekst. De waarde van de eigenschap zijn alle eenheden voor afmetingen, behalve percentages, of het sleutelwoord auto (standaard). Met de waarde auto kiest de browser zelf de optimale kolombreedte op basis van column-count en column-gap.

Syntaxis

cssselector {
  column-width: waarde;
}

Voorbeeld . Gespecificeerde breedte

In dit voorbeeld is de kolombreedte column-width gespecificeerd als 150px, en hun aantal column-count staat op de waarde auto. Als resultaat zal de kolombreedte 150px zijn, hun aantal en de tussenruimte daartussen kiest de browser zelf:

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

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

Результат:

Voorbeeld . Auto waarde

In dit voorbeeld wordt de tekst opgesplitst in 3 kolommen (omdat column-width de waarde 3 heeft), maar hun breedte wordt automatisch berekend:

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

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

Результат:

Zie ook