CSS flex-basis 属性
- အရှေ့လိုက် စာကြိုး flex
- နောက်လိုက် စာကြိုး flex-direction
ကြောင်းကြောင်း ဖော်ပြ
flex-basis အခြေအနေ ကို ကိုယ်တိုင် သတ်မှတ် ပြီး လက်ဘောင် အခြေအနေ ကို သတ်မှတ် ပါ
ဖော်ပြအခြား အခြေအနေ
အခြား ပြည့်ရှိ သတင်း
CSS အစားထိုး CSS အတန်း
CSS ပြည့်ရှိ စာအုပ်flex အခြေအနေ
CSS ပြည့်ရှိ စာအုပ်flex-direction အခြေအနေ
CSS ပြည့်ရှိ စာအုပ်flex-flow အခြေအနေ
CSS ပြည့်ရှိ စာအုပ်flex-grow အခြေအနေ
CSS ပြည့်ရှိ စာအုပ်flex-shrink အခြေအနေ
CSS ပြည့်ရှိ စာအုပ်flex-wrap အခြေအနေ
HTML DOM ပြည့်ရှိ စာအုပ်flexBasis အခြေအနေ
အမှတ်
ဒုတိယ လက်ဘောင် အစား အတိုင်း လှည့်ပတ် ကန်း ကို 100 ပမာဏ ကို သတ်မှတ်ပါ
div:nth-of-type(2) { flex-basis: 100px; }
CSS လိုက်နာ
flex-basis: number|auto|initial|inherit;
အခြေအနေ ကန်း
ကန်း | ဖော်ပြ |
---|---|
number | အကျယ် အဝန်း သို့မဟုတ် စုံစမ်း ကန်း |
auto | မူကြမ်း ကန်း အတိုင်း |
initial | အခြား သတင်း ကို ကြည့်ရမည် initial。 |
inherit | မိဘ အက်ဥ်န် ဆက်နွယ် သည် inherit。 |
နည်းပါး သတင်း
မူကြမ်း ကန်း | auto |
---|---|
ဆက်နွယ် | မမှန် |
လှည့်ပတ် သုံးစွဲ | ပြင်းအပြားလှည့်ပတ် သတင်း。 |
ကန်းမျှား | CSS3 |
JavaScript လိုက်နာစဉ် | object.style.flexBasis="200px" |
ဘာသာပြန် ကူးကြောင်း
စာတင်ရာတွင် ကန်းမျှား ကို အထူး သတ်မှတ် ပြီး အခြား ဘာသာ မှ သိရှိရသည်
ပြင်းအပြား -webkit- သို့မဟုတ် -moz- ဖြင့် သုံးစွဲသော ပထမဆုံး ကန်းမျှား
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
- အရှေ့လိုက် စာကြိုး flex
- နောက်လိုက် စာကြိုး flex-direction