9.3 ➡️Justify-Content

Sehen Sie sich “Section 10 Topic104 ” an.

Was ich in diesem Video lernen kann:

Justify-Content:

Die CSS-Eigenschaft justify-content definiert, wie der Browser den Abstand zwischen und um Inhaltselemente entlang der Hauptachse eines Flex-Containers und der Inline-Achse eines Grid-Containers verteilt.
Das folgende interaktive Beispiel zeigt einige der Werte, unter Verwendung des Rasterlayouts.

justify-content: start;
justify-content: end;
justify-content: center;
justify-content: space-between;
justify-content: space-around;

der Unterschied zwischen: justify-content: end; & flex-direction: row-reverse;

Der „justify-content“ ändert die Reihenfolge der Elemente nicht und ist dafür nicht verantwortlich. Es ändert sich nur, dort wo sich die Elemente befinden. Der „flex-direction“ ist dafür verantwortlich, die Reihenfolge der Elemente zu ändern. Sie können beide verwenden, um die richtige Anordnung und Platzierung der Elemente zu erhalten.