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

  • 8bitdigitaltv

    8bitdigitalt

    31 AĞUSTOS 2011
  • BgirlNilaya

    BgirlNilaya

    29 EKİM 2008
  • HuskyStarcraft

    HuskyStarcra

    4 HAZİRAN 2009

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR