我乍一看到这个问题,我感觉应该是一个十分简单的问题,因为涉及到的东西我也是十分熟悉。但是。不好做。我发现在平时构建H5界面的时候,我只是把界面调整成看的过去的样子,没有认真考虑过怎么使它居中的问题。
其实之前我也解决过,只是解决了就解决了,知其然不知其所以然。
其实可以这么写。
<div id="test-center">
sss
</div>
下面是css部分
#test-center{
width:300px;
height:200px;
position:absolute;
left:50%;
top:50%;
margin:-100px 0 0 -150px
text-align:center;
line-hight:200px;
}
把上边距和下边距设置成当前所处元素的50%;在把元素根据它自己的宽度和高度分别上移和左移,用负边距解决。
运行结果如下图所示