Spalten- und Zeilengrößen in CSS Grid
Berechnen Sie nach Subtraktion von Behälterpolsterung und Lücken explizit feste und fraktionierte Gitterspuren.
IHRE BERECHNUNG
Ergebnis
—
Rechenschritte
Gehen Sie die Schritte einzeln durch oder zeigen Sie die gesamte Berechnung an. Die Schritte verwenden Ihre aktuellen Eingaben.
Berechnungsmethode
Zählen Sie alle festen und fraktionierten Spuren, wenn Sie Lücken subtrahieren, bevor Sie die verbleibende Breite verteilen.
Remaining=width−2padding−gaps−fixed widths; each fr width=remaining×weight/sum(weights)
Rechenbeispiel
Ein 1000 px Bereich mit einem 200 px Track, zwei gleichen fr Tracks und zwei 20 px Lücken hinterlässt 380 px für jeden fr Track.
Annahmen und Hinweise zu den Eingaben
Eine Reihe von explizit aufgelisteten Tracks; keine intrinsischen Minimums, Min-Content, Auto-Fit, Spannen, Ränder, Scrollbar oder aktuelle CSS-Layout-Engine. Fixierte Tracks gehen fraktionierten Tracks in der Ausgabe voraus.
Hinweise zum Rechner
Kann ich eigene Werte eingeben?
Ja. Ersetzen Sie die Beispielwerte durch Ihre eigenen Eingaben. Ergebnis, Rechenschritte, Tabellen und gegebenenfalls Diagramme werden entsprechend aktualisiert. Bei leeren oder ungültigen Eingaben wird das Ergebnis gelöscht. Fehlende Angaben werden niemals unbemerkt durch Beispielwerte ersetzt.
Sind die Ergebnisse exakt?
Die Ergebnisse beruhen auf Gleitkommaarithmetik und werden für die Anzeige gerundet. Beachten Sie die Formel, die Annahmen und die gegebenenfalls angegebene Datengenauigkeit.
Werden meine Eingaben hochgeladen?
Die Berechnung erfolgt in Ihrem Browser. Ein Benutzerkonto, Datei-Uploads oder ein externer KI-Dienst sind nicht erforderlich. Beim Neuladen der Seite werden die Eingaben zurückgesetzt.
Geben Sie eine Bildschirmdiagonale und Pixelauflösung ein, um aktive Breite, Höhe, Seitenverhältnis, Pixeldichte und Tonhöhe mit einem dimensionierten Bildschirmdiagramm zu berechnen.
Zählen Sie gleich große Sprites, die einen Atlas mit expliziten äußeren Rändern und Inter-Sprit-Rinnen passen.
Geben Sie zwei bekannte Punkte und ein Ziel x oder y ein. Berechnen Sie die andere Koordinaten, sehen Sie das gerade Linienmodell und unterscheiden Sie die Interpolation deutlich von der Extrapolation.
Reservierter Werbeplatz.