İçindekiler:

Flexbox ve ızgarayı nasıl kullanıyorsunuz?
Flexbox ve ızgarayı nasıl kullanıyorsunuz?

Video: Flexbox ve ızgarayı nasıl kullanıyorsunuz?

Video: Flexbox ve ızgarayı nasıl kullanıyorsunuz?
Video: 1 Videoda Css Flexbox Öğren! [Web Geliştirme] 2024, Mayıs
Anonim

Web'de öğeleri oluşturduğumuzdan beri satırlar ve sütunlar olarak düzenliyoruz. kullanılmış düzen için tablolar. Her ikisi de flexbox ve ızgara bu konsepte dayanmaktadır. esnek kutu öğeleri tek bir satırda veya tek bir sütunda düzenlemek için en iyisidir. Kafes öğeleri birden çok satırda ve sütunda düzenlemek için en iyisidir.

Daha sonra, Flexbox ve ızgarayı birlikte kullanabilir misiniz diye de sorulabilir.

Çoğunlukla Hayır. Kafes şundan çok daha yeni esnek kutu ve biraz daha az tarayıcı desteğine sahiptir. Onlar Yapabilmek İş bir arada : a Kafes kalem Yapabilmek olmak esnek kutu konteyner. A esnek kalem Yapabilmek olmak Kafes konteyner.

Aynı şekilde, CSS ızgarası Flexbox'tan daha mı iyi? CSS ızgaraları 2D düzenler içindir. Hem satırlar hem de sütunlarla çalışır. esnek kutu İşler daha iyi yalnızca bir boyutta (her iki satır VEYA sütunlar). Olacak daha fazla ikisini aynı anda kullanırsanız zaman kazandırır ve yardımcı olur.

Buna göre Flexbox ızgarası nedir?

esnek kutu tek boyutlu düzenler için yapılır ve Kafes iki boyutlu yerleşimler için yapılmıştır. Bu, öğeleri tek bir yönde yerleştiriyorsanız (örneğin, bir başlığın içindeki üç düğme) kullanmanız gerektiği anlamına gelir. esnek kutu : Size CSS'den daha fazla esneklik kazandıracak Kafes.

Ne zaman Flexbox kullanılmamalıdır?

Flexbox ne zaman kullanılmamalıdır?

  1. Sayfa düzeni için flexbox kullanmayın. Yüzdeleri, maksimum genişlikleri ve medya sorgularını kullanan temel bir ızgara sistemi, duyarlı sayfa düzenleri oluşturmak için çok daha güvenli bir yaklaşımdır.
  2. display:flex; her bir konteyner div'ine.
  3. IE8 ve IE9'dan çok fazla trafiğiniz varsa flexbox kullanmayın.

Önerilen: