Css aşağıdaki kullanarak bir dikey hizalama oluşturmak üzerinde beynimi bozucu olmuştu

.base{
background-color:green;
width:200px;
height:200px;
overflow:auto;
position:relative;
    }

    .vert-align{
        padding-top:50%;
        height:50%;
    }

ve aşağıdaki div yapısı kullanılır.

<div class="base">
<div class="vert-align">
    Content Here        
</div>
</div>

Bu dava için çalışır gibiydi ederken, artan veya temel benim div genişliği azalmış, dikey hizalama istiyorsunuz snap şaşırdım. Beklediğim o zaman ben set doldurma-top özelliği, alacak doldurma gibi bir yüzdesi yüksekliği üst kapsayıcı, temel olarak davamızı, ama yukarıdaki değerinin P'si olarak hesaplanan bir yüzde olarak genişliği. :(

Bir şekilde javascript kullanarak başvurmadan yüksekliğinin yüzdesi olarak doldurma ve/veya kenar boşluğu ayarlayın.

Şimdiden teşekkürler.

Ben de bu sorunu ( 1) vardı. Gerçekten rahatsız oluyorum, aptal bunu yapmak zorunda.

Düzeltme Evet, dikey doldurma ve kenar boşluğu genişliğini, ama top bottom göreli olmasıdırdeğil.

Bu yüzden sadece başka bir div içinde bir yer, ve iç div, top:50% gibi bir şey (eğer hala çalışmıyor ise. 7 ** için de önemlidir) kullanın