Raster-Spaltenbreite-Rechner
Raster-Spaltenbreite-Rechner
Geben Sie die Gesamtbreite Ihres Containers oder Ihrer Seite ein, in wie viele Spalten sie aufgeteilt werden soll, und die Abstandsbreite (Zwischenraum) zwischen den Spalten. Dies berechnet die genaue Breite jeder einzelnen Spalte, nützlich sowohl für Druck-Rasterlayouts als auch für CSS-Grid/Flexbox-Webdesign.
- Formel: Spaltenbreite = (Gesamtbreite − Abstandsbreite × (Spalten − 1)) ÷ Anzahl der Spalten.
- Gängige Web-Rastersysteme: 12-Spalten-Raster sind die am weitesten verbreitete Layout-Konvention (gleichmäßig teilbar durch 2, 3, 4 und 6).
- Funktioniert auch für den Druck: dieselbe Mathematik gilt für die Anordnung von Text- oder Bildspalten auf einer gedruckten Seite oder einem Poster.
Welche Abstandsbreite sollte ich für ein Weblayout verwenden?
16–24px ist für die meisten Web-Raster üblich; Drucklayouts verwenden oft einen proportional ähnlichen Abstand im Verhältnis zur Seitengröße.
Warum 12 Spalten statt 10?
12 ist durch 2, 3, 4 und 6 teilbar, was es viel einfacher macht, Layouts mit 2, 3, 4 oder 6 gleich breiten Abschnitten zu erstellen.
Raster-Spaltenbreite-Rechner
Geben Sie die Gesamtbreite Ihres Containers oder Ihrer Seite ein, in wie viele Spalten sie aufgeteilt werden soll, und die Abstandsbreite (Zwischenraum) zwischen den Spalten. Dies berechnet die genaue Breite jeder einzelnen Spalte, nützlich sowohl für Druck-Rasterlayouts als auch für CSS-Grid/Flexbox-Webdesign.
- Formel: Spaltenbreite = (Gesamtbreite − Abstandsbreite × (Spalten − 1)) ÷ Anzahl der Spalten.
- Gängige Web-Rastersysteme: 12-Spalten-Raster sind die am weitesten verbreitete Layout-Konvention (gleichmäßig teilbar durch 2, 3, 4 und 6).
- Funktioniert auch für den Druck: dieselbe Mathematik gilt für die Anordnung von Text- oder Bildspalten auf einer gedruckten Seite oder einem Poster.
Welche Abstandsbreite sollte ich für ein Weblayout verwenden?
16–24px ist für die meisten Web-Raster üblich; Drucklayouts verwenden oft einen proportional ähnlichen Abstand im Verhältnis zur Seitengröße.
Warum 12 Spalten statt 10?
12 ist durch 2, 3, 4 und 6 teilbar, was es viel einfacher macht, Layouts mit 2, 3, 4 oder 6 gleich breiten Abschnitten zu erstellen.