CSS Flexbox Nedir?
CSS Flexbox, web tasarımında esnek düzenler oluşturmak için kullanılan bir CSS özelliğidir. Öğelerin yatay ve dikey olarak hizalanmasını, dağıtılmasını ve boyutlandırılmasını kolaylaştırır. Flexbox, karmaşık düzenleri kolayca yönetilmesini sağlar.Flexbox Kullanımı
Flexbox kullanmak için aşağıdaki adımları takip edebilirsiniz:- Container Oluşturma: Flexbox uygulamak istediğiniz öğeye "display: flex;" özelliğini ekleyin.
- Öğeleri Ayarlama: Flex container içindeki öğelerin hizalanmasını "justify-content" ve "align-items" gibi özelliklerle kontrol edin.
- Flex Özellikleri: Öğelere "flex-grow", "flex-shrink" ve "flex-basis" gibi özellikler ekleyerek boyutlarını ayarlayın.
Örnek Kod
Aşağıda basit bir Flexbox örneği bulunmaktadır: ```css .container { display: flex; justify-content: space-between; align-items: center; } .item { flex: 1; } ```Bu örnekte, ".container" sınıfına sahip öğe bir Flex container olarak ayarlandı ve içindeki ".item" sınıfına sahip öğeler eşit şekilde dağıtıldı.