div水平居中 垂直居中_html/css_WEB-ITnose

水平居中

方案一：

使用margin:0 auto

        
hello
    
 

方案二：

使用：

left:50%;top:50%;margin-left:-width/2;margin-top:-height/2; 

定位一半后，再负边距左移和上移。达到水平和垂直方向居中效果

        
hello
    
 

tip:若想垂直居中，margin：auto auto 这样简单的设置是不行的..