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

  • How It Should Have Ended

    How It Shoul

    5 Mart 2007
  • MattSteffanina 2

    MattSteffani

    28 Kasım 2007
  • SketchBookPro

    SketchBookPr

    6 Mayıs 2009

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR