Style flex သုံးပုံစံ

ဒီပုံစံ နှင့် အသုံးပြု

flex အရာဝတ္တု အရှည် အစားအလမ်း

flex အခြေအနေ ဖြင့် အသုံးပြု

မှတ်ချက်အရာဝတ္တု မပါ မှာ အောင်ဆုံး flex အခြေအနေ မမှန်

အခြား အစီရင်ခံ

CSS အစီရင်ခံflex သုံးပုံစံ

HTML DOM STYLE အစီရင်ခံflexBasis သုံးပုံစံ

HTML DOM STYLE အစီရင်ခံflexDirection သုံးပုံစံ

HTML DOM STYLE အစီရင်ခံflexFlow သုံးပုံစံ

HTML DOM STYLE အစီရင်ခံflexGrow သုံးပုံစံ

HTML DOM STYLE အစီရင်ခံflexShrink သုံးပုံစံ

HTML DOM STYLE အစီရင်ခံflexWrap သုံးပုံစံ

အကျိုးသတ္တု

အားလုံး အောင်ဆုံး အရှည် အတူတူ ဖြစ်ပါ အစားအလမ်း

for (i = 0; i < y.length; i++) {
  y[i].style.flex = "1";
}

သင်္ကျီတင်ကြည့်

အဘိသာ

flex သုံးပုံစံ ကို ကွာယူပါ

object.style.flex

flex သုံးပုံစံ ကို သတ်မှတ်ပါ

object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"

သုံးပုံစံ

ဘဏ္ဍာ ဖော်ပြ
flex-grow စက္ကူ
flex-shrink စက္ကူ
flex-basis

အရာဝတ္တု အရှည်

အခွင့်အရေးအား
auto နှင့် 1 1 auto ညှိနှိုင်း
အစမ နှင့် 0 1 auto ညှိနှိုင်း။ အစမ ပြုလုပ်
ပျက် အကြီးအသား 0 0 auto နှင့် ညှိနှိုင်း
ကြွေးကျွဲ ဖခတ် သူ၏ အပျက်အစ်းမှ ပြုလုပ်ထားသည်။ သို့ဖြစ်၍ ကြွေးကျွဲ。

နည်းပါးရပ်

မျှော်လင့် 0 1 auto
ကွာယူရသည် ကိုယ်စားပြုသည် သတင်းကြော်ငြာ flex သုံးပုံစံ。
ကျွန်းစာ ပုံစံ： ကျွန်းစာ 3

ဘရောင်စာ အထောက်အပံ့

ခရိုးမော အန်ဂျက် ဖရော်ဖြို ဆိပ်ဖြို အိုပ်ယာ
ခရိုးမော အန်ဂျက် ဖရော်ဖြို ဆိပ်ဖြို အိုပ်ယာ
ထောက်ပံ့ 11.0 ထောက်ပံ့ 9.0 ထောက်ပံ့