html - 垂直居中 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;
 }

您也可以点击 stack-overflow 的链接：Best way to center a <div> on a page vertical and horizo​​ntally?

Answer 2

如果你知道高度：

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

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

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