Ücretsiz Dönüştürücü

CSS Izgarası Düzen Oluşturucu

Canlı önizlemeyle görsel olarak CSS Izgara düzenleri oluşturun. Izgara şablonu sütunlarını, satırları, boşluğu, iki yana yaslama öğelerini, öğeleri hizalamayı ve daha fazlasını ücretsiz ve istemci tarafında ayarlayın.

Canlı Önizleme
1
2
3
4
5
6
Sütunlar (repeat(3, 1fr))
Satırlar (repeat(2, 1fr))
sütun boşluğu (12px)
0px16px32px
satır boşluğu (12px)
0px16px32px
öğeleri yasla
öğeleri hizala
CSS Çıkışı
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 12px;
  justify-items: stretch;
  align-items: stretch;
}

.item {
  padding: 1rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

Bu araç hakkında

Css Grid Generator ile doğrudan tarayıcınızda içerik oluşturun ve özelleştirin. Tercihlerinizi yapılandırın, çıktıyı oluşturun ve sonucu indirin veya kopyalayın. Her şey istemci tarafında çalışır; verileriniz gizli kalır ve işlenmesi anında gerçekleşir.

Nasıl kullanılır

  1. Ayarları ve seçenekleri gereksinimlerinize uyacak şekilde yapılandırın.
  2. Çıktınızı oluşturmak için Oluştur'a tıklayın.
  3. Sonucu önizleyin ve gerekirse ayarlamalar yapın.
  4. Çıktı dosyasını indirin veya panonuza kopyalayın.

Sık sorulan sorular

Oluşturulan çıktıyı özelleştirebilir miyim?
Evet. Araç, çıktıyı özel ihtiyaçlarınıza göre uyarlamak için çeşitli özelleştirme seçenekleri sunar. Oluşturmadan önce ayarları yapın veya farklı seçeneklerle yeniden oluşturun.
Oluşturulan içeriğin kullanımı ücretsiz mi?
Evet. Bu araçla oluşturduğunuz her şey, herhangi bir kısıtlama veya atıf zorunluluğu olmaksızın kişisel, eğitimsel veya ticari amaçlarla kullanabilirsiniz.
Bu bir hesap gerektiriyor mu?
Hayır. Araç herhangi bir kaydolma, e-posta gönderme ve kaydolma gerekmeden anında kullanıma hazırdır. Sadece sayfayı açın ve üretmeye başlayın.
Giriş verilerim gizli tutuluyor mu?
Evet. Tüm işlemler tarayıcınızda gerçekleşir. Giriş verileriniz ve oluşturulan çıktınız hiçbir zaman herhangi bir harici sunucuya gönderilmez.