CSS -belyn-inhoud Eiendom
Voorbeeld
Pak lyne na die middel van die buigbare houer:
div
{
width: 70px;
height: 300px;
border: 1px solid #c3c3c3;
display: flex;
flex-wrap: wrap;
align-content: center;
}
Definisie en gebruik
Die align-content
eienskap wysig die gedrag van die
flex-wrap eiendom. Dit is soortgelyk aan
align-items , maar in plaas daarvan om flex-items te belyn, belyn dit flex-lyne.
Let wel: Daar moet verskeie reëls items wees vir hierdie eiendom om enige effek te hê!
Wenk: Gebruik die justify-content- eienskap om die items op die hoof-as (horisontaal) in lyn te bring.
Standaard waarde: | rek |
---|---|
Geërf: | geen |
Animateerbaar: | geen. Lees oor animeerbaar |
Weergawe: | CSS3 |
JavaScript-sintaksis: | voorwerp .style.alignContent="center" |
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 | |||||
---|---|---|---|---|---|
align-content | 21.0 | 11.0 | 28.0 | 9.0 7.0 -webkit- |
12.1 |
CSS-sintaksis
align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;
Eiendomswaardes
Value | Description | Play it |
---|---|---|
stretch | Default value. Lines stretch to take up the remaining space | |
center | Lines are packed toward the center of the flex container | |
flex-start | Lines are packed toward the start of the flex container | |
flex-end | Lines are packed toward the end of the flex container | |
space-between | Lines are evenly distributed in the flex container | |
space-around | Lines are evenly distributed in the flex container, with half-size spaces on either end | |
space-evenly | Lines are evenly distributed in the flex container, with equal space around them | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Verwante bladsye
CSS-verwysing: align-items eiendom
CSS-verwysing: belyn-self eiendom
CSS Verwysing: regverdig-inhoud eiendom
HTML DOM verwysing: alignContent eiendom