Style alignItems သုံးစံ

အသုံးပြုနည်း နှင့် အသုံးပြုခြင်း

alignItems ဘရောက် အတွင်း ပစ္စည်း အတွက် ပုံစံ အဖိုက္ခဏာ ကို အခြေခံ ထိန်းချုပ်သည်

အကြောင်း:ကျွန်ုပ်ကို မူကြမ်း ပစ္စည်း align-self သုံးစံ ကူးစက်ပေးသည် align-items သုံးစံ。

အကြောင်း

အင်္ဂါ ကြီး <div> သုံးစံ အား ဘရောက်ကို ပစ္စည်း အဖိုက္ခဏာ ကို အစိတ် ပြင်တွင် ခွဲထားပေးသည်:

document.getElementById("main").style.alignItems = "flex-start";

ကျွန်ုပ်ကို ဝေးလျှင် ဝေး

လိုင်းဘာသာ

alignItems သုံးစံ သတင်းပေးသည်:

object.style.alignItems

alignItems သုံးစံ ကူးစက်ပေးသည်:

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

သုံးစံ သတင်း

သတင်း ဖော်ပြ
stretch ပုံစံ:
center ပစ္စည်း အဖိုက္ခဏာ ကို အခြေခံ ပြင်တွင် ခွဲထားသည်
flex-start ပစ္စည်း အဖိုက္ခဏာ ကို အစိတ် ပြင်တွင် ခွဲထားသည်
flex-end ပစ္စည်း အဖိုက္ခဏာ ကို အဆုံး ပြင်တွင် ခွဲထားသည်
baseline ပစ္စည်း ကို အကောင်းဆုံး ပြင်တွင် ခွဲထားသည်
initial အဖိုက္ခဏာ ကို ပုံစံ ပြင်ဆင်ပေးသည်။ ကျွန်ုပ်သည် initial。
inherit အဖိုက္ခဏာ ကို ပြည့်တင်း ကူးစက်ပေးသည်။ ကျွန်ုပ်သည် inherit。

နည်းပါး သတင်း

ပုံစံ: stretch
သတင်းပေးသော အရာ: သော စကားလုံး အကြောင်း align-items သုံးစံ。
CSS ပုံစံ: CSS3

ဘရောက် ထောက်ပံ့

alignItems ဖြစ်ပါသည် CSS3 (1999) သုံးစံ

အားလုံး ဘရောက်သုံး ဘရောက်ကို ထောက်ပံ့သည်:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ 11

ပါဝင်သော စာမျက်နှာ

CSS စားလျှင်align-items သုံးစံ

HTML DOM STYLE 参考手册：alignContent 属性

HTML DOM STYLE 参考手册：alignSelf 属性