小菜蛙成长日记2018003（使一个div在body中垂直水平居中）

    我乍一看到这个问题，我感觉应该是一个十分简单的问题，因为涉及到的东西我也是十分熟悉。但是。不好做。我发现在平时构建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%；在把元素根据它自己的宽度和高度分别上移和左移，用负边距解决。

运行结果如下图所示