让DIV在屏幕上居中

 

做前台页面时经常遇到这个问题，其实这个问题解决起来也很简单。

• position: absolute ;

• letf: 50% ;  top: 50% ;

• margin-left：-(width)/2 ; margin-top : -(height)/2 ;

  注：width、height分别人div的宽度和高度

完成这几步，再看一下这个div已经位于屏幕的正中央了！

当然如果你想把div稍微往上移一点，只要改变一下top的百分比，改后要注意margin-top中的height也要随百分比改变！