Div Elemanı - Kutuları Ortalama

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

Örnek: Div etiketini ortalama Kendin Dene
#kutu1{
background-color: #6C3;
height: 100px;
width: 100px;
margin:5px auto;
}


YORUMLAR




15180  kez okundu.

Online Kullanıcı Sayısı 580