Հաշվվում է տեղում
Grid գեներատոր
Սյուներ, տողեր և բացատ որպես CSS Grid։
1
2
3
4
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(80px, auto)); gap: 12px;
Արտահանումն ու ներմուծումը հասանելի են մուտքից հետո։ Մտնել
Պատճենում է ցանցի ձևանմուշը ոճաթերթի համար։
Գործիքի մասին
Կառուցեք պարզ CSS ցանց քարտերի, պատկերասրահի կամ վահանակի համար։ Ընտրեք սյունակների քանակը և դրանց միջև միջակայքը, ստուգեք նախադիտումը և պատճենեք CSS-ը։
Ինչպես օգտվել
- 01
Սահմանեք սյունակների քանակը։
- 02
Սահմանեք միջակայքը։
- 03
Պատճենեք ցանցի CSS-ը։
FAQ
Հաճախ տրվող հարցեր
Ի՞նչ է պարունակում ստեղծված CSS-ը
display: grid, grid-template սյունակների և տողերի համար և ընտրված gap-ը։
Ինչպե՞ս ցանցը դարձնել հարմարվող
Փոխեք սյունակների քանակը մեդիա հարցման մեջ կամ օգտագործեք repeat(auto-fit, minmax(…)) ձեր ոճերում։