從中間對齊

我相當肯定這不是你典型的「垂直對齊中心」問題... 我想要做的是取一個未知高度的div並將它定位在頁面（比如33％）。我已經能夠實現這一點，但不是我想如何。從中間對齊

而不是postion:absolute; top: 33%或bottom:33%;我想指定從未知高度的div中間計算的33％。這可能嗎？

2014-03-02 Eric Wolf

您可以使用Javascript來確定'div'的動態高度。 –

@siyah：你可以用Pure css來做到這一點。 –

％33從中間等於從頂部低17％。從中間低33％等於從頂部低83％。 –

是的，這是可能的。

.your_div{ 
    position:absolute; 
    top:33%; 
    -webkit-transform:translateY(-50%); 
    transform:translateY(-50%); 
}

在this codepen，檢出1格。我通過使用top:50%將它在中間對齊，您可以將其設置爲任意百分比。

2014-03-02 10:23:02

嗯，有趣的想法。潛在的，也可以用於任何垂直對齊！ – TastySpaceApple

有趣。謝謝。 – Siyah

這很有用。到目前爲止，我一直在使用calc和預先知道的高度/ 2。 – acarlon

回答