Penjana Grid CSS

Bina Grid CSS secara visual dengan laluan (track) bersaiz sama. Laraskan bilangan lajur (1–12), baris (1–12), dan jurang (0–32px), dan alat ini memaparkan grid langsung bagi sel bernombor serta serpihan CSS empat baris menggunakan grid-template-columns: repeat(N, 1fr) dan grid-template-rows: repeat(M, 1fr).

1. Seret peluncur Lajur (1–12) untuk menetapkan bilangan lajur 1fr yang sama. 2. Seret peluncur Baris (1–12) untuk menetapkan bilangan baris 1fr yang sama. 3. Seret peluncur Jurang (0–32px) untuk menetapkan ruang antara sel. 4. Klik Salin untuk menyalin blok perisytiharan CSS empat baris.

Output sentiasa tepat empat baris: display: grid; grid-template-columns: repeat({cols}, 1fr); grid-template-rows: repeat({rows}, 1fr); gap: {gap}px. Semua laluan ialah pecahan sama (1fr) — tiada sokongan untuk saiz campuran, minmax, auto-fit/auto-fill, atau kawasan bernama dalam alat ini.