Flexbox မီးစက်

flex direction၊ wrap၊ justify, and align ဖြင့် စမ်းသပ်ပါ။ ပစ္စည်းအပြင်အဆင်များကို တိုက်ရိုက်မွမ်းမံကြည့်ရှုပြီးနောက် ကွန်တိန်နာ CSS ကို ကူးယူပါ။

Flexbox Generator

Live

flex-directionflex-wrapjustify-contentalign-items

Gap12px

Items5

CSS output

display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 12px;

Key capabilities

flex direction၊ wrap၊ justify and align ဖြင့် စမ်းသပ်ပါ — အပြင်အဆင်များ အပ်ဒိတ်ကို တိုက်ရိုက်ကြည့်ရှုပါ။
သင့်ဘရောက်ဆာတွင် အလုပ်လုပ်သည်။
အသုံးပြုရန်အခမဲ့

အသုံးပြုနည်း

Flex-direction သတ်မှတ်ပြီး ထုပ်ပိုးပါ။
အကြောင်းအရာ-အကြောင်းအရာများကို ချိန်ညှိပြီး အကြောင်းအရာများကို ချိန်ညှိပါ။
Flexbox CSS ကို ကူးယူပါ။

How this tool works

Flex-direction သတ်မှတ်ပြီး ထုပ်ပိုးပါ။
အကြောင်းအရာ-အကြောင်းအရာများကို ချိန်ညှိပြီး အကြောင်းအရာများကို ချိန်ညှိပါ။
Flexbox CSS ကို ကူးယူပါ။

Recommended settings

မူလရွေးချယ်စရာများကို ဦးစွာသုံးပါ၊ ထို့နောက် လိုအပ်ပါက ချိန်ညှိပါ။

Supported formats

Text / on-page input

File size and limits

အလွန်ရှုပ်ထွေးသော အလွှာပေါင်းစုံ အစမ်းကြည့်ရှုမှုများသည် ဖုန်းအဟောင်းများတွင် နှေးကွေးသည်ဟု ခံစားရနိုင်ပါသည်။

Privacy

အရောင်နှင့် CSS ဂျင်နရေတာများသည် သင့်ဘရောက်ဆာတွင် လုံးလုံးလျားလျား အလုပ်လုပ်သည်။ အစမ်းကြည့်ရှုမှုများနှင့် ပြောင်းလဲမှုများသည် သင့်စတိုင်များကို ဘယ်တော့မှ အပ်လုဒ်မလုပ်ပါ။

Common use cases

သင်လိုအပ်သည့်အခါတိုင်း Flexbox Generator ကိုသုံးပါ- flex ဦးတည်ချက်၊ ထုပ်ပိုးရန်၊ မျှတစေရန်နှင့် ချိန်ညှိပါ- လက်ကွက်များ အပ်ဒိတ်ကို တိုက်ရိုက်ကြည့်ရှုပါ။

Troubleshooting

ကူးထည့်ပြီးနောက် အစမ်းကြည့်ပုံသည် ကွဲပြားသည်။

သင့်စာမျက်နှာရှိ CSS တွင် ပြိုင်ဆိုင်မှုရှိမရှိစစ်ဆေးပါ (ပြန်လည်သတ်မှတ်ခြင်း၊ အမွေဆက်ခံထားသောအရောင်များ)။ ထုတ်လုပ်ထားသော စည်းမျဉ်းကို သီးခြားစတိုင်စာရွက်တစ်ခုသို့ ဦးစွာကူးယူပါ။

အမြဲမေးလေ့ရှိသောမေးခွန်းများ

၎င်းသည် ကျွန်ုပ်၏ CSS ကို အပ်လုဒ်လုပ်ပါသလား။

နံပါတ်၊ Generator နှင့် converters များသည် တိုက်ရိုက်အစမ်းကြည့်ရှုခြင်းဖြင့် သင့်ဘရောက်ဆာတွင် အလုပ်လုပ်ပါသည်။

အကောင့်တစ်ခု လိုအပ်ပါသလား။

နံပါတ်။ ကိရိယာကိုဖွင့်ပါ၊ ထိန်းချုပ်မှုများကို ပြုပြင်ပြောင်းလဲရန်နှင့် CSS ကို ကူးယူပါ။