Egenskaben column-count

Egenskaben column-count angiver et anbefalet antal kolonner i tekst med flere kolonner. Det faktiske antal kan afvige fra det angivne, afhængigt af kolonnens bredde og størrelsen på mellemrummet mellem dem.

Syntaks

cssselektor {
  column-count: tal | auto;
}

Værdier

Standardværdi: auto.

Eksempel

I dette eksempel vil teksten blive opdelt i 3 kolonner (selvfølgelig i browsere, som understøtter tekst med flere kolonner, i andre vil det blot være almindelig tekst i én kolonne):

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

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

Результат:

Eksempel . Værdien auto

I dette eksempel er kolonnens bredde column-width sat til 150px, og deres antal column-count er sat til værdien auto - browseren vil selv vælge det nødvendige antal kolonner og mellemrummet mellem dem:

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

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

Результат:

Se også