Style flexFlow အခြေခံ အခြေအနေ
- ပြီးဆုံး စာရင်း flexDirection
- နောက်ဆုံး စာရင်း flexGrow
- အဆင်းပြင် ပြန်လည် HTML DOM Style 对象
အခြေခံ အသုံးပြုနည်းမျှား နှင့် အသုံးပြုခြင်း
flexFlow
အခြေခံ အခြေအနေ ဖြစ် flexDirection နှင့် flexWrap အခြေခံ အခြေအနေ ဘာသာစကား
flexDirection
အကွက် လည်ပတ်လမ်း အကွက် လည်ပတ်လမ်း သတ်မှတ်ခြင်း
flexWrap
အကွက် လည်ပတ်လမ်း လုံးစိမ့် တစ်ကွက် လည်ပတ်လမ်း သတ်မှတ်ခြင်း
ဖော်ပြအကွက် လည်ပတ်လမ်း မဟုတ်ဘူး ဖြစ်ခဲ့ သော် flexFlow
အခြေခံ အခြေအနေ မမှန်
ကျမ်းကြည့်ရမည်
CSS ကိုးကားချက်:flex-flow 属性
အမှတ်အသား
အကွက် အချက်အလက် ကို လေးတန်း တွင် ပြသခြင်း၊ လည်ပတ်လမ်း လုံးစိမ့်မည့် တစ်ကွက် လည်ပတ်လမ်း မပြောင်းလဲမည်
document.getElementById("main").style.flexFlow = "column nowrap";
အဓိပ္ပာယ်
flexFlow အခြေခံ အခြေအနေ ကို ကယ်ဆယ်ရန်:
object.style.flexFlow
flexFlow အခြေခံ အခြေအနေ ကို အသုံးပြုခြင်း:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
အခြေခံ အဓိက
အဓိက | ဖော်ပြ |
---|---|
flex-direction |
အခြား အဓိက ပြောက်ဖွယ်
မူကြမ်း ပြင်းထန်ခြင်း ဖြစ်သည် အကွက် လုံးစိမ့် အကွက် လည်ပတ်လမ်း သတ်မှတ်ခြင်း |
flex-wrap |
အခြား အဓိက ပြောက်ဖွယ်
မူကြမ်း ပြင်းထန်ခြင်း ဖြစ်သည် အကွက် လည်ပတ်လမ်း လုံးစိမ့်မည့် တစ်ကွက် လည်ပတ်လမ်း အား သတ်မှတ်ခြင်း |
initial | အခြေခံ အခြေအနေ သို့ အသုံးပြုရမည်။ ကျမ်းကြည့်ရမည် initial. |
inherit | အဖွဲ့အစည်းမှ ထို အခြေခံ အခြေအနေ ကို ကူညီပေးသည်။ ကျမ်းကို ကြည့်ရမည် inherit. |
နည်းပညာ အသေးစိတ်
မူကြမ်း ပြင်းထန်ခြင်း | row nowrap |
---|---|
ကယ်ဆယ်ရန် | အဓိပ္ပာယ်ဖော်ထုတ်ခြင်း၏ စကားလုံး flex-flow 属性. |
CSS ပုံစံပေးခြင်း: | CSS3 |
ဘာသာပြန်လည် ဘာသာစကား
စာတမ်းတွင်ရှိသော နေရာတွင် အခြား ဘာသာပြန်လည် အသုံးပြုသော ဘာသာပြန်လည် ပေါင်းစုစုပေါင်းသည် ဖြစ်သည်။
ချိုး | အိုဘီ | ဖရန်းစ် | ဆန်ဖိုး | အိုပရာ |
---|---|---|---|---|
ချိုး | အိုဘီ | ဖရန်းစ် | ဆန်ဖိုး | အိုပရာ |
ထောက်ပံ့ | 11.0 | ထောက်ပံ့ | 9.0 | ထောက်ပံ့ |
လျှက်ပေါင်း
HTML DOM STYLE ကိုးကားချက်:flex 属性
HTML DOM STYLE ကိုးကားချက်:flexBasis 属性
HTML DOM STYLE ကိုးကားချက်:flexDirection 属性
HTML DOM STYLE ကိုးကားချက်:flexGrow 属性
HTML DOM STYLE ကိုးကားချက်:flexShrink 属性
HTML DOM STYLE ကိုးကားချက်:flexWrap 属性
- ပြီးဆုံး စာရင်း flexDirection
- နောက်ဆုံး စာရင်း flexGrow
- အဆင်းပြင် ပြန်လည် HTML DOM Style 对象