Üye Kayıt Üye Giriş

CSS : Genişlik ve Uzunluğu bilinmeyen bir HTML elemanını ortalama


CSS : Genişlik ve Uzunluğu bilinmeyen bir HTML elemanını ortalama

Sayfanızdaki herhangi bir öğeyi (metin, resim, video gibi) ortalamak istiyorsanız kodlara göz atmanızda fayda var.

HTML’i kodları aşağıdaki gibi olacak;

 

1
2
3
4
<div class=tablegibi>
<div class=ortala>
</div>
</div>

Gelelim CSS kodlarına;

1
2
3
4
5
6
7
8
9
.tablegibi{
    width: 100%;
    display: table;  /* dis div’e table özelliği veriyoruz */
}
.ortala {
    display: table-cell; /* ortalancak div’e td gibi bir table-cell özelliği veriyoruz */
    text-align: center; /* aynı ortalama özelliğini burdada kullanıyoruz */
    vertical-align: middle; /* aynı ortalama özelliğini burdada kullanıyoruz */
}

 

Umarım yardımcı olur.

Ders Sahibi;

Yorumlar

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

ETİKETLER