CSS Grid generatori
CSS Grid layoutlarni vizual ravishda yarating. Ustunlar, qatorlar, bo'shliqlar, tekislashni sozlang va yaratilgan CSS kodini bir zumda nusxalang β 100% bepul, ro'yxatdan o'tish shart emas.
Grid ko'rinishi
Grid o'lchami
Bo'shliq
Ustun o'lchamlari
Qator o'lchamlari
Element tekislash
Kontent tekislash
Bu vosita haqida
- Vizual grid ko'rinishi sozlamalarni o'zgartirganda real vaqtda yangilanadi
- Moslashuvchan layoutlar uchun fr, px, auto va minmax() birliklarini qo'llab-quvvatlaydi
- justify-items, align-items, justify-content va align-content ustidan to'liq nazorat
- Ro'yxatdan o'tmasdan va cheklovsiz butunlay bepul
Ko'p beriladigan savollar
CSS Grid β veb uchun kuchli ikki o'lchovli layout tizimi. U kontentni qatorlar va ustunlarga tartibga solish imkonini beradi, float yoki pozitsiyalash usullarisiz murakkab, moslashuvchan layoutlarni yaratishni osonlashtiradi.
CSS Grid ikki o'lchovli layoutlar uchun (qatorlar VA ustunlar bir vaqtda) eng yaxshi, Flexbox esa bir o'lchovli layoutlar uchun (qator YOKI ustun) ideal. Sahifa layoutlari uchun Grid, komponent layoutlari uchun Flexbox ishlatiladi.
Grid template areas layout hududlaringizni nomlash imkonini beradi, o'qilishi oson CSS bilan murakkab layoutlar yaratishni osonlashtiradi. Siz nomlangan hududlarni belgilashingiz va elementlarni grid-area xususiyati yordamida joylashtishingiz mumkin.
Ha, VUREX CSS Grid generatori ro'yxatdan o'tmasdan butunlay bepul. Cheksiz grid layoutlar yarating, barcha xususiyatlarni sozlang va CSS kodini nusxalang β hech qanday cheklov yo'q.