Loading...


CSS Spalten Generator

Konfiguration

Anzahl der Spalten

Klasse

Vorschau

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Code

border: 1px solid #000000;

ReadyTools Academy

Kommt bald

Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.

Verfolge deinen Lernfortschritt, wachse in deinem Tempo und habe Spaß dabei! 🎯

CSS Spalten Generator

In CSS wird die Eigenschaft columns verwendet, um die Anzahl der Spalten anzugeben, in die ein Element für Layoutzwecke unterteilt werden soll, insbesondere wenn Sie mehrspaltige Textlayouts erstellen möchten. Sie ermöglicht es Ihnen, spaltenförmige Layouts im Zeitungs- oder Zeitschriftenstil für Textinhalte zu erstellen.

Hier ist ein Beispiel für die Verwendung der Eigenschaft columns:

.my-element { columns: 2; } .another-element { columns: 3; column-gap: 20px; }

In diesem Beispiel:

  • Die Klasse '.my-element' erstellt ein zweispaltiges Layout für den Inhalt, auf den sie angewendet wird.
  • Die Klasse '.another-element' erstellt ein dreispaltiges Layout mit einem angegebenen Abstand von 20 Pixeln zwischen den Spalten.

Sie können die Anzahl der Spalten, die Spaltenbreiten und andere spaltenbezogene Eigenschaften nach Bedarf anpassen, um das gewünschte Layout für Ihre Textinhalte zu erzielen. Die Eigenschaft columns ist besonders nützlich für die Erstellung responsiver Layouts, bei denen sich die Anzahl der Spalten basierend auf dem verfügbaren Platz anpassen kann, wodurch es einfacher wird, Text in verschiedenen Bildschirmgrößen zu verarbeiten.


Top-Werkzeuge

CodeHubBoardly NEULinksy NEUChromo NEU

Sprache wählen

Thema wählen

© 2025 ReadyTools. Alle Rechte vorbehalten.