စတိုင် alignItems Property
ဥပမာ
ကွန်တိန်နာ၏အစတွင် ပြောင်းလွယ်ပြင်လွယ် <div> ဒြပ်စင်၏ အရာများအားလုံးအတွက် ချိန်ညှိမှုများကို နေရာချပါ-
document.getElementById("main").style.alignItems = "flex-start";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
alignItems ပိုင်ဆိုင်မှုသည် ပြောင်းလွယ်ပြင်လွယ်ရှိသော ကွန်တိန်နာအတွင်းရှိ အရာများအတွက် ပုံသေ ချိန်ညှိမှုကို သတ်မှတ်သည်။
အကြံပြုချက်- align-items ပိုင်ဆိုင်မှုကို အစားထိုးရန် အရာတစ်ခုစီ၏ align-self ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Webkit ၏နောက်မှလိုက်သောနံပါတ်များသည် ရှေ့ဆက်တစ်ခုနှင့်အလုပ်လုပ်သော ပထမဆုံးဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
alignItems | 21.0 | 11.0 | 20.0 | 9.0 7.0 Webkit |
12.1 |
အထားအသို
alignItems ပိုင်ဆိုင်မှုကို ပြန်ပို့ပါ-
object.style.alignItems
alignItems ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
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 |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | ဆန့် |
---|---|
ပြန်ပို့တန်ဖိုး- | Element တစ်ခု၏ align-items ပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
CSS ရည်ညွှန်းချက်- align-items ပိုင်ဆိုင်မှု
HTML DOM ပုံစံ အကိုးအကား- အကြောင်းအရာ ပိုင်ဆိုင်မှုကို ချိန်ညှိပါ ။
HTML DOM STYLE အကိုးအကား- မိမိကိုယ်ကို ပိုင်ဆိုင်မှုကို ညှိပါ ။