Css serimize devam ediyoruz.Bu derste justify-content komutunu anlatacağım.Justify content objeleri kapsayıcı divin içinde hizalamamızı sağlıyor.

İncele : http://ustaderslik.com/ornek/css-hizalama.html

İndir : http://ustaderslik.com/ornek/css-hizalama.zip

Daha öncede http://ustaderslik.com/konu/CSS_Ders-24_Flex_Kullanımı objeleri kapsayıcı div içine sığdıran flexi anlatmıştım.Hizalama işlemi yapmak için ise objeyi flex yapıp justify content ile hizalıyoruz.Bir kaç parametresi mevcut bunları inceleyelim.

1-space-around : Tüm objeleri aralarında eşit boşluk olacak şekilde hizalıyor.
2-space-between: Tüm objeleri aralarında eşit boşluklarla hizalar ama başta ve sonda boşluk olmaz.
3-flex-start : Tüm objeleri sağ hizalar.
4-flex-end : Tüm objeleri sola hizalar.
5-center : Tüm objeleri aralarında boşluk olmayacak şekilde ortalar.

Parametreleri bunlar.
.kapsayaci{display:flex;justify-content:}

Genel Örnek :




UstaDerslik





































Görüntüsü :



Kaynak : Kaynak