စတုံးဆိုင် ဘားရွား လက်မှတ် order

定义和用法

order 属性规定弹性项目相对于同一容器内其余弹性项目的顺序。

注释：如果元素不是弹性项目，则 order 属性无效。

အခြား ကြည့်ပါ

CSS အခ�ား ကြည့်ပါflex ဗဟိုဒီဇိုင်း

CSS အခ�ား ကြည့်ပါflex-basis ဗဟိုဒီဇိုင်း

CSS အခ�ား ကြည့်ပါflex-direction ဗဟိုဒီဇိုင်း

CSS အခ�ား ကြည့်ပါflex-flow ဗဟိုဒီဇိုင်း

CSS အခ�ား ကြည့်ပါflex-grow ဗဟိုဒီဇိုင်း

CSS အခ�ား ကြည့်ပါflex-shrink ဗဟိုဒီဇိုင်း

CSS အခ�ား ကြည့်ပါflex-wrap ဗဟိုဒီဇိုင်း

CSS အခ�ား ကြည့်ပါalign-content ဗဟိုဒီဇိုင်း

CSS အခ�ား ကြည့်ပါalign-items ဗဟိုဒီဇိုင်း

CSS အခ�ား ကြည့်ပါalign-self ဗဟိုဒီဇိုင်း

HTML DOM အခြား ကြည့်ပါorder ဗဟိုဒီဇိုင်း

အခြား အချက်

အောက်ပါ အခြား ဗဟိုဒီဇိုင်း ကို အစီအစဉ် ကျင်းပရမည်အပ်သည်

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

ကျွန်ုပ်လေး ကို ဖြေဖြေချင်း စစ်ဆေးပါ

CSS အသုံးပြုခြင်း

order: number|initial|inherit;

ဗဟိုဒီဇိုင်း အခြား အမှတ်

အခြား အမှတ် ဖော်ပြ
number မူးယစ်သဘေ� အခြား အမှတ် 0 သည် အောက်ပါ အခြား ဗဟိုဒီဇိုင်း ကို အစီအစဉ် ကျင်းပရမည်အပ်သည်
initial အခြား ဗဟိုဒီဇိုင်း ကို မူးယစ်သဘေ� အစီအစဉ် ကို ကျင်းပရမည်အပ်သည်။ ကြည့်ပါ initial。
inherit အခြား အပိုင်း မှ အခြား ဗဟိုဒီဇိုင်း ကို အစီအစဉ် ပြုလုပ်ရမည်အပ်သည်။ ကြည့်ပါ inherit。

နည်းပါးဆိုင်ရာ

မူးယစ်သဘော 0
အစီအစဉ် အမှန်
အစီအစဉ် အစီအစဉ် အထူး ထောက်ပံ့ပေးသည်။ သတ္တုပုံစံ ကို ကျမ်းကို ကြည့်ပါအစီအစဉ် အခြား ဗဟိုဒီဇိုင်း。
အဆင့် CSS3
JavaScript အသုံးပြုခြင်း object.style.order="2"

ဗဟိုဒီဇိုင်း အထူး ထောက်ပံ့ပေး

တင်စာရင်းတွင် အခြား အမှတ်များ သည် အခြား ဗဟိုဒီဇိုင်း ကျန်းမာရေး သည် အခြား ဗဟိုဒီဇိုင်း ကျန်းမာရေး ကို အထူး ထောက်ပံ့ပေး သည်ကို ညွှန်ပြသည်

အခြား -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