Style alignContent ဗဟုသုတ
- အဆင်းပြင်း မှ အပြင်သို့ alignContent
- နောက်ဆုံးစာရင်း alignItems
- အဆင်းပြင်း မှ အပြင်သို့ HTML DOM Style အပေါင်းစု
အသုံးပြုနည်း နှင့် အကြောင်းကြောင်း:
အရာဝတ္တု အစင်းအတန်း အခြေခံ အဆင်းတူအဆင်း တွင် အသုံးပြုပါက အခြေခံ အဆင်းတူအဆင်း တွင် အစင်းအတန်း:alignContent
အရာဝတ္တု အစင်းအတန်း အသုံးပြုပါက အခြေခံ အဆင်းတူအဆင်း တွင် အစင်းအတန်း:
အဆိုပါ အကိုးအခံ အစင်းအတန်း အရာဝတ္တု အစင်းအတန်း:အဆိုပါ အကိုးအခံ အသုံးပြုပါ: justifyContent ဗဟုသုတ အခြေခံ အဆင်းတူအဆင်း တွင် အရာဝတ္တု အစင်းအတန်း:
မှတ်ချက်:အရာဝတ္တု အစင်းအတန်း အသုံးပြုပါက အကိုးအခံ အကြောင်းအရာ အသုံးပြုပါ:
အကြောင်းကြောင်း:
အလွန် အကျယ်အဝန်း အရာဝတ္တု <div> အရာဝတ္တု အစင်းအတန်း ကို ပြန်လည်ရိုက်ချီပါ:
document.getElementById("main").style.alignContent = "space-between";
အပြောင်းအလဲ:
alignContent အကိုးအခံ နိုင်ငံခြား အကြောင်းအရာ:
object.style.alignContent
alignContent အကိုးအခံ သွင်းပါ:
object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
အကိုးအခံ အကြောင်းအရာ:
အကြောင်းအရာ: | ဖော်ပြ: |
---|---|
stretch | မူကြမ်း အကိုးအခံ: အစင်းအတန်း အနောက် အကြား ကို ပြန်လည်ရိုက်ချီပါ: |
center | အရာဝတ္တု အစင်းအတန်း အလယ် ရှိပါ: |
flex-start | အရာဝတ္တု အစင်းအတန်း အစိတ်အကျိန် ရှိပါ: |
flex-end | အရာဝတ္တု အစင်းအတန်း အနောက်မှ ရှိပါ: |
space-between | အရာဝတ္တု အစင်းအတန်း အကြား အချက်အလက် ရှိပါ: |
space-around | အရာဝတ္တု အစင်းအတန်း အနောက်မှ အချက်အလက် ရှိပါ: |
initial | အကိုးအခံ အကိုးအခံ သွင်းပါ: ကျမ်းကို ကြည့်ပါ: initial. |
inherit | ဖြစ်ပါတယ် အဖိုင်အရာ မှ အကိုးအခံ သွင်းပါ: ကျမ်းကို ကြည့်ပါ: inherit. |
နည်းပါး အချက်အလက်:
မူကြမ်း အကိုးအခံ: | stretch |
---|---|
နိုင်ငံခြား အကြောင်းအရာ: | ကိုယ်စားပြုသည့် ကြောက်ရွားချက်: align-content အကိုးအခံ:. |
CSS ပုံစံ: | CSS3 |
ဘရပ်သား ထောက်ပံ့:
alignContent
ဖြစ်ပါတယ် CSS3 (1999) အကိုးအခံ:
အားလုံး ဘရပ်သားများ အပြည့်အစုံ ထောက်ပံ့ထား:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
ထောက်ပံ့ထား: | ထောက်ပံ့ထား: | ထောက်ပံ့ထား: | ထောက်ပံ့ထား: | ထောက်ပံ့ထား: | 11 |
ပါဝင်သော စာမျက်နှာများ:
CSS ကိုးကားချက်:align-content အကိုးအခံ:
HTML DOM STYLE ကိုးကားချက်:alignItems အကိုးအခံ:
HTML DOM STYLE ကိုးကားချက်:alignSelf အကိုးအခံ:
HTML DOM STYLE ကိုးကားချက်:justifyContent ဗဟုသုတ
- အဆင်းပြင်း မှ အပြင်သို့ alignContent
- နောက်ဆုံးစာရင်း alignItems
- အဆင်းပြင်း မှ အပြင်သို့ HTML DOM Style အပေါင်းစု