Was ist CSS align-Eigenschaft items?

CSS Referenzhandbuch
CSS Immobilien

Das beste CSS align-Eigenschaft items-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Browser-Unterstützung,Definition und Verwendung,CSS-Syntax,Eigenschaft Wert,In Verbindung stehende Artikel, lernen

CSS align-Eigenschaft items

Zurück: CSS align-Attribut content

Next: CSS align-self - Eigenschaft

CSS Referenz

Beispiele

Richten Sie den flexiblen Beutel des <div> Element:

div
{
display: flex;
align-items:center;
}

Versuchen »

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser die Eigenschaft Versionsnummer zu unterstützen.

Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder -moz- nach der ersten Version das Präfix Eigenschaft zu unterstützen.

Immobilien
Ausrichten-Artikel	21.0	11.0	20,0	9.0 7.0 -webkit-	12.1

Definition und Verwendung

Ausrichten-Elemente-Eigenschaft definiert flex Kind auf der aktuellen Ausrichtung der Behälterseite der Welle Flexleitungen (vertikale Achse).

Tipp: Verwenden Sie jedes der elastischen Elemente der Objektattribute Eigenschaft align selbstwiederbeschreibbare align-Elemente.

Standard:	Strecke
Vererbung:	keine
Kann animiert werden:	NO. Bitte beziehen Sie sich auf Animation (Anima) .
Version:	CSS3
JavaScript-Syntax:	Objekt .style.alignItems = "center"um zu versuchen ,

CSS-Syntax

Eigenschaft Wert

值	描述	测试
stretch	默认值。项目被拉伸以适应容器。	测试 »
center	项目位于容器的中心。	测试 »
flex-start	项目位于容器的开头。	测试 »
flex-end	项目位于容器的结尾。	测试 »
baseline	项目位于容器的基线上。	测试 »
initial	设置该属性为它的默认值。请参阅 initial 。	测试 »
inherit	从父元素继承该属性。请参阅 inherit 。