justify-content
Flexbox und Grid
Verteilt die Elemente entlang der Hauptachse.
| Schreibweise | justify-content: flex-start; |
|---|---|
| Gängige Werte | flex-start, center, space-between, space-around, space-evenly |
| Vererbt | Nein — sie endet hier |
| Teil von | place-content |
| Kategorie | Flexbox und Grid |
So liest man das
- Eine vererbte Eigenschaft schreibt man einmal am Elternelement — alle Kinder übernehmen sie. Die meisten Texteigenschaften sind so.
- Eine Kurzschreibweise setzt Weggelassenes zurück. Nur background: red löscht auch ein zuvor gesetztes Hintergrundbild.
- Kollidieren Regeln, gewinnt der spezifischere Selektor; erst bei gleicher Spezifität zählt die Reihenfolge.
- Animieren Sie transform und opacity — das bleibt flüssig. width oder top zwingt zur Neuberechnung des Layouts.
Häufige Fragen
Q. Was ist die CSS-Eigenschaft justify-content?
Verteilt die Elemente entlang der Hauptachse.
Q. Wie schreibt man justify-content?
Als justify-content: flex-start; Gängige Werte sind flex-start, center, space-between, space-around.
Q. Wird justify-content vererbt?
Nein. Sie gilt nur dort, wo sie steht — jedes Element braucht seine eigene Angabe.
Q. Welche Kurzform setzt justify-content?
place-content setzt sie in einer Zeile mit.