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ş:
Seçin kutusunda dikey hizalama metin i...
dikey hizalama bootstrap 3 ile...
Satır içi/CSS dikey hizalama ınline-bl...
Nasıl bootstrap konteyner dikey hizala...
Nasıl hizalama ınline blok bir dikey b...