Ana içeriğe geç
eyunzhu

CSS Flexbox oluşturucu

Yön, satır sarma, dağılım ve hizalamayı deneyip CSS ile HTML’i kopyalayın.

flex-direction
flex-wrap

Önizleme

Çıktı biçimi

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

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.

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.