CSS align-items အချက်အလက်

အသုံးပြုနည်း နှင့် ဖော်ပြ

align-items အချက်အလက် ကို အားလုံး အချက်အလက် အတွက် အချက်အလက် ကို သတ်မှတ်ပါ:

အကြောင်းကြား:အချက်အလက် ကို အသုံးပြုပါ: align-self အချက်အလက် ကို ဖြည့်စွက်ပါ:

အခြား ကြည့်ပါ:

CSS ဖော်ပြ:CSS Grid

CSS ဖော်ပြ:CSS Flexbox

CSS ကိုယ်စားပြု စာအုပ်:align-content အချက်အလက်

CSS ကိုယ်စားပြု စာအုပ်:align-self အချက်အလက်

CSS ကိုယ်စားပြု စာအုပ်:justify-content အချက်အလက်

CSS ကိုယ်စားပြု စာအုပ်:justify-items အချက်အလက်

CSS ကိုယ်စားပြု စာအုပ်:justify-self အချက်အလက်

HTML DOM ကိုယ်စားပြု စာအုပ်:alignItems အချက်အလက်

အကြောင်းကြား

လှည့်ပတ် <div> အချက်အလက် အား အလယ်အောက် စတင်သုံးစွဲပါ:

div {
  display: flex;
  align-items: center;
}

ကိုယ်တိုင် ကျင်းပပါ

CSS ဘာသာစကား

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;

အချက်အလက် ပုံစံ

ပုံစံ ဖော်ပြ
stretch မူကျမ်း။ အပိုင်းအခြား ကို အပိုင်းအခြား ကို ထိရောက်စေရန် လှည်းပါ။
center အပိုင်းအခြား အလယ် နေရသည်။
flex-start အပိုင်းအခြား အစ နေရသည်။
flex-end အပိုင်းအခြား အထိ နေရသည်။
baseline အခြေခံ အလိုက် နေရသည်။
initial အချက်အလက် အတိုင်း ကို သတ်မှတ်ပါ: initial.
inherit အသုံးပြုထားသော ပုံစံမှ ထိရောက်သော အချက်အလက် ကို တွေ့ကြည့်ပါ: inherit.

နည်းပါးစဉ်

မူကျမ်း အတိုင်း: stretch
ကြည့်ရှုခြင်း: မမရှိ
လှည့်ပတ် ပြုလုပ်မှု: ထောက်ခံခြင်းမရှိပါ။ ကျမ်းကို ကြည့်ပါ:လှည့်ပတ် အချက်အလက်.
ပုံစံ: CSS3
JavaScript ဘာသာစကား: object.style.alignItems="center"

ဘာသာစကား ထောက်ခံမှု

အချက်အလက်များသည် ထိရောက်သော ဘာသာစကား ကို ပြထားသည်။

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0