CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaftsübersicht

CSS left Eigenschaft CSS height Eigenschaft

CSS3 justify-Verwendung und Beispiele für das content-Attribut

justify-Das content-Attribut wird verwendet, um die Ausrichtung des flexiblen Box-Elements in der Hauptachse (Horizontalachse) zu setzen oder abzurufen.

Die folgende Tabelle zeigt die Verwendung und Versionshistorie dieses Attributes sowie die Syntax für seine Verwendung im JavaScript-Skript.

Standardwert:	flex-start
Geeignet für:	Elastischer Container
Vererbung:	Keine
Animierbar:	Nein.Bitte参见 Animationseigenschaften.
Version:	CSS3neue Funktion
JavaScript-Syntax:	object.style.justifyContent="space-around"

Beweise die Syntax der Verwendung von content

Die Syntax dieser Eigenschaft ist wie folgt:

justify-content:　flex-start　|　flex-end　|　center　|　space-between　|　space-around　|　initial　|　inherit

Die folgenden Beispiele zeigen, wie justify-content-Eigenschaft.

Beispiel

.flex-container　{
　　　　　　/*　Safari　*/
　　　　　　display:　-webkit-flex;
　　　　　　-webkit-justify-content:　space-around;
　　　　　　
　　　　　　display:　flex;
　　　　　　justify-content:　space-around;
　　}

Testen Sie heraus‹/›

Werte der Eigenschaft

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
flex-start	Elastische Elemente befinden sich am Anfang der Zeile des Containers. Dies ist der Standardwert.
flex-end	Elastische Elemente befinden sich am Ende der Zeile.
center	Elemente befinden sich in der Mitte des Containers.
space-between	Elastische Elemente gleichmäßig entlang der Linie verteilen.
space-around	Elastische Elemente gleichmäßig verteilen, um sicherzustellen, dass der Raum zwischen zwei benachbarten Elementen gleich ist.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der verknüpfte Element die justify-Eigenschaft des Elternelements verwenden-Werte der content-Eigenschaft.

Browserkompatibilität

justify-Die Kompatibilität der content-Eigenschaft der Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

	FireFox 18+ ^-moz-,28+ Google Chrome 21+ ^-webkit-,29+ Internet Explorer 11+ Apple Safari 6.1+ Opera 12.1+

Weiterführende Lektüre

Bitte lesen Sie die folgenden Anleitungen:CSS Schriftarten,CSS Einheiten,CSS Pseudo-Elemente.

Zusammenhängende Eigenschaften:align-content,align-items,align-self,display,flex,flex-basis,flex-direction,flex-flow,flex-grow,flex-shrink,flex-wrap,justify-content,min-height,min-width,order.

CSS left Eigenschaft CSS height Eigenschaft