CSS Referenzhandbuch

CSS @Regel (RULES)

CSS Eigenschaftsliste

CSS3 ausrichten-self Eigenschaft CSS3 ausrichten-content Eigenschaft

CSS3 ausrichten-Verwendung und Beispiel der items-Eigenschaft

ausrichten-Die items-Eigenschaft legt die Standardschreibweise für die Ausrichtung von Elementen im flexiblen Behälter fest.

Die nachstehende Tabelle gibt eine Übersicht über den Verwendungszusammenhang und die Versionshistorie dieser Eigenschaft.

Standardwert:	stretch
Geeignet für:	Elastischer Behälter
Vererbung:	Keine
Animierbar:	Nein.Bitte siehe Animationsattribute.
Version:	CSS3Neue Funktion
JavaScript-Syntax:	object.style.alignItems="center"

ausrichten-Verwendungssyntax von items

Die Syntax dieser Eigenschaft lautet wie folgt:

ausrichten-items:　baseline　|　center　|　flex-start　|　flex-end　|　stretch　|　initial　|　vererben

Der nachstehende Beispiel zeigt die verwendeten Ausrichtungen:-items-Eigenschaft.

Beispiel

　.flex-Behälter　{
　　　　　　　　　　　/*　Safari　*/
　　　　　　　　　　　Anzeige:　-webkit-flex;　
　　　　　　　　　　　-webkit-ausrichten-items:　center;
　　　　　　　　　　　
　　　　　　　　　　　display:　flex;
　　　　　　　　　　　ausrichten-items:　center;
　　　}

Testen Sie heraus‹/›

Eigenschaftswert

Die nachstehende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
baseline	Das Element befindet sich auf der Baseline des flexiblen Behälters.
center	Das Element befindet sich in der Mitte des伸缩Behälters.
flexibel-start	Das Element befindet sich am Anfang des flexiblen Behälters.
flexibel-end	Das Element befindet sich am Ende des flexiblen Behälters.
stretch	Strecken Sie das Element aus, um es dem伸缩Behälter anzupassen. 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 die Ausrichtung der verknüpften Elemente auf die der übergeordneten Elemente ausgerichtet.-items-Werte.

Browserkompatibilität

ausrichten-Kompatibilität der items-Eigenschaft der Browser, alle gängigen Browser unterstützen diese Eigenschaft.

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

Hinweis: Apple Safari 7und höheren Versionen unterstützt, die diese Ausrichtung-items-Eigenschaft, aber es wird-webkit-Präfix, z.B.-webkit-ausrichten-items: center;

Weiters Lesen

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

Zusammenhängende Eigenschaften:ausrichten-content,ausrichten-Elemente,ausrichten-self,Anzeige,flexibel,flexibel-Basis,flexibel-Richtung,flexibel-fluss,flexibel-wachsen,flexibel-schrumpfen,flexibel-umwickeln,ausrichten-content,min-Höhe,min-Breite,Reihenfolge.

CSS3 ausrichten-self Eigenschaft CSS3 ausrichten-content Eigenschaft