Renk dönüştürücü
Saydamlıkla birlikte HEX, RGB ve HSL dönüştürün, renk örneğini görün ve CSS değerlerini kopyalayın.
CSS Flexbox oluşturucu
Yön, satır sarma, dağılım ve hizalamayı deneyip CSS ile HTML’i kopyalayın.
Araç hakkında
Düğmeleri veya kontrolleri yerleştirip dar alanlardaki davranışlarını inceleyebilirsiniz.
Nasıl kullanılır
Flex özelliklerini, aralığı ve öğe sayısını ayarlayın. Genişliği değiştirerek satır sarmayı inceleyin. CSS ve HTML ayrı kopyalanabilir veya indirilebilir.
Önizleme ve kod aynı özellikleri kullanır. Öğelerin başlangıç boyutu 100 px, en az yüksekliği 80 px’dir. En fazla 48 öğe, 0–80 px aralık. Önizleme genişliği dışa aktarılmaz.
Sık sorulan sorular
Önizleme genişliği kodda yer alır mı?
Hayır, yalnızca kullanılabilir alanı taklit eder. Çıktıda flex kuralları ve temel öğe boyutları vardır. Gerçek genişliği ve görünümü kendi sayfanızda belirleyin.
column seçince ortalamanın yönü neden değişiyor?
justify-content ana eksende, align-items çapraz eksende çalışır. row için ana eksen yatay, column için dikeydir. İki yönde ortalamak için her iki ayarı da center yapın ve kapsayıcının ilgili eksenlerde yeterli boş alanı olduğundan emin olun.
İlgili araçlar
Yeni sekmede açılır
Yorumlar
0