SORU
23 Mart 2011, ÇARŞAMBA

Dikey hizalama CSS 3 kullanarak

CSS ile 3, dikey blok unsuru hizalamak için herhangi bir yolu var mı? Bir örnek var mı? Teşekkür ederim.

CEVAP
16 NİSAN 2013, Salı

Bu sorun son zamanlarda bakıyorum, ve çalıştı:

HTML:

<body>
    <div id="my-div"></div>
</body>

CSS:

#my-div {               
    position: absolute;
    height: 100px;
    width: 100px;    
    left: 50%;
    top: 50%;
    background: red;
    transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

İşte Keman:

http://jsfiddle.net/sTcp9/6/

Hatta kullanırken çalışır "/yükseklik: genişlik", sabit boyutların yerde.oto Firefox, Chrome ve IE (* gasp*) en son sürümleri üzerinde test edilmiştir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
Css Dikey Hizalama HtmlCssHizalamaHtml

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • friendz.net

    friendz.net

    29 EKİM 2010
  • Alexey - servant of Christ

    Alexey - ser

    15 EYLÜL 2007
  • WhtButterflyLiz

    WhtButterfly

    14 NİSAN 2008

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR