English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Diese align-Die self-Eigenschaft legt die Standardausrichtung für Elemente in einem flexiblen Container fest.
Die folgende Tabelle zusammenfasst die Anwendungskontexte und Versionshistorie dieser Eigenschaft.
| Standardwert: | auto |
|---|---|
| Geeignet für: | Flexible Elemente, einschließlich der eingeflossenen Pseudo-Elemente |
| Vererbung: | Keine |
| Animierbar: | Nein.Siehe auch Animationseigenschaften. |
| Version: | CSS3neue Funktion |
| JavaScript Syntax: | object.style.alignItems="center" |
Die Syntax dieser Eigenschaft ist wie folgt:
ausrichten-self: auto | baseline | center | flex-start | flex-end | stretch | initial | inherit
Der folgende Beispiel zeigt, wie man align verwendet-self Eigenschaft.
.flex-container {
/* Safari */
display: -webkit-flex;
-webkit-ausrichten-items: flex-start;
display: flex;
ausrichten-items: flex-start;
}
.aligned {
/* Safari */
-webkit-flex: 1;
-webkit-ausrichten-self: stretch;
flex: 1;
ausrichten-self: stretch;
}Testen Sie heraus‹/›Die nachstehende Tabelle beschreibt die Werte dieses Attributes.
| Wert | Beschreibung |
|---|---|
| auto | Das Element verwendet die berechneten Werte der Eigenschaft align des übergeordneten Elements.-Wenn items keinen übergeordneten Element hat, wird stretch verwendet. Dies ist der Standardwert. |
| baseline | Das Element befindet sich auf der Baseline des flex Container. |
| center | Das Element befindet sich in der Mitte des dehnbaren Containers. |
| flex-start | Das Element befindet sich am Anfang des flex Container. |
| flex-end | Das Element befindet sich am Ende des dehnbaren Containers. |
| stretch | Ziehen Sie das Element aus, um es auf den flex Container zu passen. |
| initial | Setzen Sie diesen Eigenschaftswert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der zugehörige Element die berechneten Werte der Eigenschaft align des übergeordneten Elements verwenden-self. |
ausrichten-self Eigenschaft der Browserkompatibilität, alle gängigen Browser unterstützen diese Eigenschaft.
|
Hinweis: Apple Safari 7und höher unterstützen diesen ausrichten-self Eigenschaft, aber-webkit-Präfix, zum Beispiel-webkit-ausrichten-self: center;
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Ausrichtung.
zusammenhängende Eigenschaften:ausrichten-Inhalt,ausrichten-items,Anzeige,flex,flex-Basis,flex-Richtung,flex-Fluss,flex-wachsen,flex-schrumpfen,flex-umwickeln,ausrichten-Inhalt,min-Höhe,min-Breite,Reihenfolge.