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