Div Etiketini Ortalama
Tablosuz tasarım yapılırken genelde tüm kutuları içine alan bir ana kutu (katman) kullanılır. Bu kutuyu sayfa içinde ortalamak için margin özelliği kullanılır. Tablolarda olduğu gibi align parametresi işe yaramaz.
Bir önceki derste gördüğümüz üzere margin özelliği dış boşluğu ayarlamaktaydı. Sol ve sağ taraftaki boşlukları auto olarak ayarlarsak, tarayıcı kutunun etrafındaki toplam boşluğu iki tarafa paylaştıracak ve kutu ekranda ortalanacaktır.
Uyarı: width özelliği ile bir kutunun genişliği belirtilmeden margin kullansak da tarayıcı o kutuyu ortalamayacaktır. Width ile genişliği belirtmeliyiz ki kalan boşluklar hesaplanıp, iki tarafa eşit dağıtılabilsin.
Sol ve sağ boşluğu auto yapmak için aşağıdakilere benzer ifadeler kullanılabilir.
Örneğin;
margin: 0 auto;
margin: 5px auto;
margin-left: auto; margin-right: auto;
margin:5px auto 3px auto;
css divleri ortalama, div ortalama, kutu, katmanları ortalama, hizalama, ortalama, margin 0 auto
KONU İLE İLGİLİ ÖRNEKLER
#kutu1{
background-color: #6C3;
height: 100px;
width: 100px;
margin:5px auto;
}
22383 kez okundu.