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

  • After Effects Tutorials w/ Mikey

    After Effect

    24 HAZİRAN 2009
  • MC JIN'S OLD YouTube CHANNEL

    MC JIN'S OLD

    2 Kasım 2008
  • Majestic Casual

    Majestic Cas

    28 NİSAN 2012

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR