Style flexDirection ပုံစံ

အဆိုပါ အပုံစံ အကြောင်းကြား

flexDirection အာကာသ အစိတ်အပိုင်း ကို စုစည်းပြီး ပြသပါ အပုံစံ ကို အစုစည်းထားပါ။

စကားလုံးအရာဝတ္တု သည် အာကာသ အစိတ်အပိုင်း မဟုတ် လျှင် flexDirection အခြေအနေ မမှန်

အခြား ကြည့်ရန်

CSS လေ့ကျင့်ခန့်flex-direction ပုံစံ

အကြောင်းကြား

<div> အစိတ်အပိုင်း အာကာသ အစိတ်အပိုင်း ကို ပြောင်းလဲပြီး ပြသပါ:

document.getElementById("main").style.flexDirection = "column-reverse";

ကျွန်ုပ်ကိုယ် ကျင့်ပါ

အပြောအဆို

flex-direction ပုံစံ ပြန်လည်သတင်း:

object.style.flexDirection

flex-direction ပုံစံ ကို သတ်မှတ်ပါ:

object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

ပုံစံ အတ္ထုပစ္စည်း

ပုံစံ ဖော်ပြ
row မူကြမ်း ပုံစံ:
row-reverse row နှင့် အတူ ပြောင်းလဲကြောင်း မှာ အတူ ပြောင်းလဲကြောင်း ဖြစ်သည်。
column အာကာသ အစိတ်အပိုင်း ကို တူညီ သည့် အဆင်း ဖြင့် ပြသထားပါသည်。
column-reverse column နှင့် အတူ ပြောင်းလဲကြောင်း မှာ အတူ ပြောင်းလဲကြောင်း ဖြစ်သည်。
initial အမျိုးမျိုး သတ္တုပုံစံ ကို မူကြမ်း ပုံစံ ကို သုံးပြီးဆုံးပါ။ ကျမ်းကို ကြည့်ပါ။ initial.
inherit အဖွဲ့အစည်း မှ အမျိုးမျိုး သတ္တုပုံစံ ကို လက်ခံပြီး သုံးပြီးဆုံးပါ။ ကျမ်းကို ကြည့်ပါ။ inherit.

နည်းပါး သတိပြု

မူကြမ်း ပုံစံ: row
ပြန်လည်သတင်း: စကားလုံး ဖြင့် အရာဝတ္တု၏ flex-direction ပုံစံ.
CSS ပုံစံ: CSS3

ဘာသာ ကြောင်း ထောက်ပံ့

အချက်အလက် အရ အိမ်ပိုင်း ကွန်ပျူတာ ကို အထူး ထောက်ပံ့ သော ဘာသာ ကြောင်း ဖော်ပြထားပါသည်。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ 11.0 ထောက်ပံ့ 9.0 ထောက်ပံ့

ပါဝင်သော စာမျက်နှာ

HTML DOM STYLE လေ့ကျင့်ခန့်flex

HTML DOM STYLE လေ့ကျင့်ခန့်flexBasis

HTML DOM STYLE လေ့ကျင့်ခန့်flexFlow

HTML DOM STYLE လေ့ကျင့်ခန့်flexGrow

HTML DOM STYLE လေ့ကျင့်ခန့်flexShrink

HTML DOM STYLE လေ့ကျင့်ခန့်flexWrap