CSS align-items հատկություն

Հատկանշում է հավասարեցում տարրերի միջև ճկվող կոնտեյների ներսում:

Օրինակ

div {
    display: flex;
    align-items: center;
}
Փորձել
Նախնական արժեք stretch
Ժառանգվող
Անիմացվող
JavaScript սինթաքս օբյեկտ.style.alignItems="center"
Արժեք Բնութագիր
baseline Տարրերը դիրքավորվում են կոնտեյների բազային գծում:
center Տարրերը դիրքավորվում են կոնտեյների կենտրոնում:
flex-end Տարրերը դիրքավորվում են կոնտեյների վերջում:
flex-start Տարրերը դիրքավորվում են կոնտեյների սկզբում:
stretch Տարրերը ձգվում են կոնտեյներին համապատասխանելու համար:
initial Վերագրում է այս հատկությունն իր նախնական արժեքին:
inherit Ժառանգում է այս հատկությունն իր ծնող տարրից: