Ana içeriğe geç
eyunzhu

CSS Grid oluşturucu

Sabit veya uyarlanabilir ızgarayı canlı görünümde düzenleyin ve karşılık gelen CSS ile HTML’i alın.

Mod
justify-items
align-items

Önizleme

Çıktı biçimi

    
Bu tarayıcıda işlenir. Veriler yüklenmez veya kaydedilmez.

Araç hakkında

Kart ızgarasını sayfanıza eklemeden önce farklı genişliklerde sınayabilirsiniz.

Nasıl kullanılır

Sabit sütun sayısı veya en az genişliğe göre otomatik yerleşim seçin. Satır, aralık, hizalama ve öğeleri ayarlayın. Önizleme genişliğini azaltarak dar yerleşimi deneyin; CSS ve HTML’i ayrı dışa aktarın.

Genişlik yalnız önizlemeyi etkiler. Sabit ızgara 1–12 satır/sütun, 0–80 px aralık ve 48 öğe destekler. Koda kendi içeriğinizi ve stillerinizi ekleyin.

Sık sorulan sorular

Sütun sayısı genişliğe nasıl uyarlanır?

Otomatik sığdırmayı seçip en küçük sütun genişliğini belirtin. Çıktı auto-fit ve minmax kullanır. Önizleme genişliğinin kendisi dışa aktarılmaz.

Seçtiğim satır sayısından fazla satır neden oluşuyor?

Satır ayarı açıkça tanımlanan izleri belirler, öğe sayısına üst sınır koymaz. Sabit 3 sütun ve 2 satır başlangıçta 6 hücre oluşturur; yedinci öğe örtük bir satır açar. Önizlemede yalnızca bu altı hücreyi görmek istiyorsanız öğe sayısını azaltın.

Yorumlar

0
ve tartışmaya katılın.
Henüz yorum yok.
Yanıt dizisi

Sohbetin tamamını kronolojik olarak izleyin; her yanıt hangi iletiye cevap verdiğini belirtir.