CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften in voller Liste

CSS3 ausrichten-Verwendung und Beispiel der content-Eigenschaft

Beschreibung

ausrichten-Wenn es im Horizontalen (vertikal) zusätzliche Leerzeichen gibt, kann das CSS-Attribut die Elemente im flexiblen Container ausrichten. Diese Eigenschaft hat keinen Einfluss auf den einzeiligen flexiblen Container. Außerdem können Sie CSS ausrichten-InhaltDas Attribut (horizontal) ausrichten Sie die Elemente auf der Hauptachse.

Nachstehende Tabelle gibt eine Übersicht über den Anwendungskontext und die Versionshistorie dieser Eigenschaft.

Standardwert:	strecken
Geeignet für:	Mehrzeiliger flexibler Container
Vererbung:	Keine
Animierbar:	Nein.Siehe auch Animationseigenschaft.
CSS-Version:	CSS3Neue Funktion
JavaScript-Syntax:	object.style.alignContent="center"

ausrichten-Verwendungssyntax von content

Die Syntax dieser Eigenschaft lautet wie folgt:

ausrichten-content:　center　|　flex-anfang　|　flexibel-ende　|　Raum-zwischen　|　Raum-umgeben　|　strecken　|　initial　|　vererben

Der folgende Beispiel zeigt, wie CSS align verwendet wird-content Eigenschaft.

Beispiel

　.flex-Behälter　{
　　　　　　　　　　　/*　Safari-Browser　*/
　　　　　　　　　　　Anzeige:　-webkit-flexibel;　
　　　　　　　　　　　-webkit-flexibel-fluß:　reihe　umwickeln;
　　　　　　　　　　　-webkit-ausrichten-content:　Raum-umgeben;
　　　　　　　　　　　/*　Standardnotation　*/
　　　　　　　　　　　Anzeige:　flexibel;
　　　　　　　　　　　flexibel-fluß:　reihe　umwickeln;
　　　　　　　　　　　ausrichten-content:　Raum-umgeben;
　　　　}

Testen Sie heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
mitte	Elemente befinden sich in der Mitte des flexiblen Behälters.
flexibel-anfang	Elemente befinden sich am Anfang des flexiblen Behälters.
flexibel-ende	Elemente befinden sich am Ende des flexiblen Behälters.
Raum-zwischen	Elemente werden im flexiblen Behälter gleichmäßig verteilt, um den gleichen Raum zwischen zwei benachbarten Elementen zu gewährleisten.
Raum-umgeben	Elemente werden im flexiblen Behälter gleichmäßig verteilt, um den gleichen Raum um jedes Element (d.h. davor, zwischen und danach) zu gewährleisten.
strecken	Strecken Sie das Element aus, um es in den flexiblen Behälter zu passen. Der verfügbare Raum wird zwischen allen Elementen gleichmäßig aufgeteilt. Dies ist der Standardwert.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
vererben	Wenn angegeben, wird der assoziierte Element auf den berechneten Wert der Eigenschaft align des übergeordneten Elements verwendet-content。

Browserkompatibilität

ausrichten-Die Eigenschaft wird von allen gängigen Browsern unterstützt. Die Zahl gibt die Versionsnummer des ersten Browsers an, der die Eigenschaft unterstützt.

	Firefox 28+ Google Chrome21+ Internet Explorer 11+ Apple Safari 7+ ^-webkit- Opera 12.1+

Hinweis： Apple Safari 7und höheren Versionen unterstützt-content Eigenschaft, aber es wird-webkit-Präfix, zum Beispiel-webkit-ausrichten-content: zentriert;

Weiterführende Lektüre

Bitte beziehen Sie sich auf die folgenden Anleitungen：CSS Ausrichtung.

zusammenhängende Eigenschaften：ausrichten-items,ausrichten-selbst,Anzeige,flexibel,flexibel-Basis,flexibel-Richtung,flexibel-fluß,flexibel-wachsen,flexibel-schrumpfen,flexibel-umwickeln,ausrichten-Inhalt,min-Höhe,min-Breite,Reihenfolge.

CSS3 ausrichten-items Eigenschaft