CSS Grid Generator

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

CSS Grid Generator

Live

Columns3

Rows3

Gap12px

CSS output

display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 12px;

Key capabilities

ကော်လံများ၊ အတန်းများနှင့် ကွာဟချက်များကို အမြင်အာရုံဖြင့် သတ်မှတ်ပြီး CSS Grid နမူနာကုဒ်ကို ကူးယူပါ။
သင့်ဘရောက်ဆာတွင် အလုပ်လုပ်သည်။
အသုံးပြုရန်အခမဲ့

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

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

How this tool works

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

Recommended settings

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

Supported formats

Text / on-page input

File size and limits

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

Privacy

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

Common use cases

လိုအပ်သည့်အခါတိုင်း CSS Grid Generator ကိုသုံးပါ- ကော်လံများ၊ အတန်းများနှင့် ကွာဟချက်များကို အမြင်အာရုံဖြင့် သတ်မှတ်ပါ၊ ထို့နောက် CSS Grid နမူနာကုဒ်ကို ကူးယူပါ။

Troubleshooting

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

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

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

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

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

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

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

CSS Grid Generator