CSS/Eigenschaften/Textausrichtung/Spalten/column-count

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit der Eigenschaft column-count können Sie für ein Element durch die Angabe der Spaltenanzahl bestimmen, ob es in mehreren Spalten angezeigt werden soll. Die Breite der Spalten richtet sich nach dem zur Verfügung stehenden Platz. column-count gibt dabei die maximale Spaltenanzahl an. Wenn gleichzeitig eine Angabe zur Spaltenbreite gemacht wurde, werden ggf. weniger Spalten erzeugt.

  • CSS 3.0
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari

Details: caniuse.com

Erlaubte Werte:

  • positive ganze Zahl
  • auto: (Standardwert) Er bedeutet, dass die Anzahl der Spalten durch column-width festgelegt wird oder dass es nur eine Spalte gibt.

Anwendungsbeispiel[Bearbeiten]

Beispiel ansehen …
      ...
      .mehrspaltig {
        -webkit-column-count: 2;
        column-count:         2;
      }
Der Artikel ist 30em breit und wird, da es keine Angaben zur Mindestbreite gibt, in 2 Spalten aufgeteilt.

Siehe auch[Bearbeiten]