CSS
HTML
COMPONENTS
CODE HUB
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;Coden lernen mit Lara
Meistere Programmierkonzepte Schritt für Schritt mit deinem interaktiven KI-Tutor. Lara erklärt komplexe Logik, überprüft deine Praxisübungen und hilft dir, ein solides Fundament in der Softwareentwicklung aufzubauen.
Interaktive Programmierlektionen, angepasst an dein eigenes Tempo.
Jetzt lernen mit Lara startenCSS 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.