Styl alignItems Eiendom
Voorbeeld
Plaas die belynings vir al die items van die buigsame <div>-element aan die begin van die houer:
document.getElementById("main").style.alignItems = "flex-start";
Definisie en gebruik
Die alignItems-eienskap spesifiseer die verstekbelyning vir items binne die buigsame houer.
Wenk: Gebruik die align-self-eienskap van elke item om die align-items-eienskap te ignoreer.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Nommers gevolg deur Webkit spesifiseer die eerste weergawe wat met 'n voorvoegsel gewerk het.
Property | |||||
---|---|---|---|---|---|
alignItems | 21.0 | 11.0 | 20.0 | 9.0 7.0 Webkit |
12.1 |
Sintaksis
Gee die alignItems-eienskap terug:
object.style.alignItems
Stel die alignItems-eienskap:
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
stretch | Default. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
baseline | Items are positioned at the baseline of the container |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Tegniese besonderhede
Standaard waarde: | rek |
---|---|
Terugkeerwaarde: | 'n String, wat die align-items-eienskap van 'n element verteenwoordig |
CSS weergawe | CSS3 |
Verwante bladsye
CSS verwysing: align-items eiendom
HTML DOM STYLE Verwysing: alignContent eiendom
HTML DOM STYLE Verwysing: alignSelf eiendom