在动态大小的页面中垂直居中div（使用百分比）

Question

有没有办法在这里实现这一目标 html css example

不使用translate转换。

关于带有时钟串的div。

编辑： 我想将钟带串在每个面板中心。 我使用top50％并为此变换y -50％。 我想知道他们是否有更好的解决方案。 而且上弦也应该旋转。 它应该在示例中看起来像使用transform translate。

最好的问候

Answer 1

澄清点： 您是试图将元素居中，还是试图旋转并翻转它？标题询问居中，但你继续询问翻译和转换。

另一种方法是使用脚本。也许就是这样的事情。

  

<SCRIPT LANGUAGE="JavaScript"> <!-- hide from none JavaScript Browsers Image1= new Image(75,50) Image1.src = "goof3.gif" Image2 = new Image(75,50) Image2.src = "goof4.gif" function SwapOut() { document.imageflip.src = Image2.src; return true; } function SwapBack() { document.imageflip.src = Image1.src; return true; } // - stop hiding -->