Was ist CSS align-Attribut content?

CSS Referenzhandbuch
CSS Immobilien

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

CSS align-Attribut content

Zurück: CSS - Animation

Next: CSS align-Eigenschaft items

CSS Referenz

Beispiele

Richten Sie die elastischen Feld <div> -Element Artikel:

div
{
display: flex;
flex-flow: row wrap;
align-content:space-around;
}

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
align-Inhalt	21.0	11.0	28.0	9.0 7.0 -webkit-	12.1

Definition und Verwendung

Ausgerichtet innerhalb des Behälters (vertikal), wenn der align-Gehalt in den elastischen Eigenschaften des Behälters nicht den gesamten Querwelle verfügbaren Raum einnimmt.

Tipp: Verwenden Sie die Ausrichtung rechtfertigen-content - Attribut (Ebene) auf der Spindel.

Hinweis: Sie müssen mehrere Positionen innerhalb des Behälters, diese Eigenschaft, um den Effekt zu machen.

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

CSS-Syntax

Default

值	描述	测试
stretch	默认值。项目被拉伸以适应容器。	测试 »
center	项目位于容器的中心。	测试 »
flex-start	项目位于容器的开头。	测试 »
flex-end	项目位于容器的结尾。	测试 »
space-between	项目位于各行之间留有空白的容器内。	测试 »
space-around	项目位于各行之前、之间、之后都留有空白的容器内。	测试 »
initial	设置该属性为它的默认值。请参阅 initial 。	测试 »
inherit	从父元素继承该属性。请参阅 inherit 。