thiv.net/mobile 需要在移动设备上工作,确实如此,但是当我将 ipod 转为垂直时,它会发生巨大变化,我的问题是我需要将整个文本框、按钮和图像垂直居中,或者更改旋转。我认为将 div 垂直居中是最好的选择,那么我会使用什么 css 呢?
目前我已经尝试过:
.center
{
position:absolute
top:40%;
bottom:40%;
height:20%;
}
但这不起作用,所以也许它应该只在旋转后居中?有任何想法吗?
尝试以下 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 horizontally?
如果你知道高度:
div.centered{
height: 100px;
top: 50%;
margin-top: -50px;
}
可选:position: absolute | relative | fixed
取决于您想要实现的目标
margin-top 应始终为 0 - div 居中高度的一半。