HTML-DOM Stil alignContent Eigenschaft
Beispiele
Richten Sie flexibel <div> -Element Artikel:
document.getElementById("myDIV").style.alignContent="center";
Versuchen »
Definition und Verwendung
alignContent Eigenschaft innerhalb des Behälters (vertikal) in der Welle ausgerichtet ist, wenn der nicht besetzten Quer flexiblen Behälter alle verfügbaren Raum.
Tipp: Verwenden Sie justifyContent Eigenschaft ausrichten (horizontal) auf der Spindel.
Hinweis: Sie müssen mehrere Positionen innerhalb des Behälters, diese Eigenschaft, um den Effekt zu machen.
Browser-Unterstützung
Chrome und Opera unterstützen alignContent Eigenschaft.
Grammatik
Zurück alignContent Eigenschaften:
object .style.alignContent
Einstellen alignContent Eigenschaften:
object .style.alignContent="stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
Eigenschaft Wert
值 | 描述 |
---|---|
stretch | 默认值。项目被拉伸以适应容器。 |
center | 项目位于容器的中心。 |
flex-start | 项目位于容器的开头。 |
flex-end | 项目位于容器的结尾。 |
space-between | 项目位于各行之间留有空白的容器内。 |
space-around | 项目位于各行之前、之间、之后都留有空白的容器内。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
Technische Details
Standard: | Strecke |
---|---|
Rückkehr: | String, repräsentiert ausrichten-Content-Element-Attribute. |
CSS-Version | CSS3 |
In Verbindung stehende Artikel
CSS Referenz: align = left-Inhalt Attribute
HTML - DOM - ART - Referenz: alignItems Eigenschaft
HTML - DOM - ART - Referenz: alignSelf Eigenschaft
HTML - DOM - ART - Referenz: justifyContent Eigenschaft