垂直居中div

Question

thiv.net/mobile需要在移动设备上工作，而且确实如此，但是当我将我的ipod转为垂直时，它会发生剧烈变化，我的问题是我需要整个，文本框，按钮和图像垂直居中，或改变旋转。我认为垂直居中的div是最好的选择，那么我会用什么css？

目前我尝试过：

.center
{
position:absolute
top:40%;
bottom:40%;
height:20%;
}

但这不起作用，所以也许它应该只在旋转后居中？ 有什么想法吗？

Answer 1

尝试使用CSS：

.center {
width: 100px;
height: 100px;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
 }

您还可以关注堆栈溢出链接：Best way to center a <div> on a page vertically and horizontally?

Answer 2

如果你知道身高：

div.centered{
 height: 100px;
 top: 50%;
 margin-top: -50px;
}

可选：position: absolute | relative | fixed取决于您想要实现的目标

margin-top应始终为0 - div到中心高度的一半。