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

  • BrandonHarrisWalker

    BrandonHarri

    27 Kasım 2006
  • multimediaGEEKS LLC

    multimediaGE

    3 Mayıs 2010
  • Tips On Linux

    Tips On Linu

    26 Temmuz 2008

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR