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:
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ş:
=gönder metin dikey hizalama Firefox g...
Android: çoklu Dikey hizalama çizgi Ed...
Dikey hizalama kayan divs...
CSS dikey hizalama metin içinde li...
Ekransız-yüksekliği sabit giriş alanı ...