စီစ်တင်ဆက်ချက် flex-shrink အကြိမ်

ကြည့္ပါ

flex-shrink အခြေအန္တ္ ကို အခြား အကျုံး အခြား အခြေအန္တ္ အဖြစ္ ပြုံ့လုပ်

ဝါရေးအစားအပြား အဖိုက္အခြာ မဟု့် ကြည့္

ကူးကြည့္

CSS ဘာသာ CSS အကျုံး

CSS ကူးကြည့္flex အခြေအန္တ္

CSS ကူးကြည့္flex-basis အခြေအန္တ္

CSS ကူးကြည့္flex-direction အခြေအန္တ္

CSS ကူးကြည့္flex-flow အခြေအန္တ္

CSS ကူးကြည့္flex-grow အခြေအန္တ္

CSS ကူးကြည့္flex-wrap အခြေအန္တ္

HTML DOM ကူးကြည့္flexShrink အခြေအန္တ္

အစားအပြား

နောက်လိုက်ပါ အခြေအန္တ္ အစီအစဥ္ ကို ပြုံ့လုပ်

div:nth-of-type(2) {
  flex-shrink: 3;
}

ကိုယ့္ကူးကြည့္

CSS ဘာသာ

flex-shrink: number|initial|inherit;

အခြေအန္တ္

အစားအပြား ကြည့္ပါ
number အစားအပြား အစီအစဥ္ ကို သုံးစွဲကြည့္
initial အခြေအန္တ္ ကို ကိုင္းပါ initial.
inherit ဖြစ်ပါတ္ အဖိုက္အခြာ အခြေအန္တ္ မူးသည္ inherit.

နည္းပည္း

ပုံစံ 1
နယ္ပယ္ ထြင္း
လှုပ္လုပ္စည္း ကူးကြည့္လှုပ္လုပ္စည္း.
ပုံစံ CSS3
JavaScript ဘာသာ object.style.flexShrink="5"

ဘာသာပြန် ကူးကြည့္

စာရွက္အရ အရေးယူကြည့္ အစားအပြား ကို ပြန်ကြည့္

ကျသည့္ -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