css div垂直水平居中实现

浏览数：24 / 时间：2015年06月09日

比如设置html中下面的div为垂直水平居中，则

<div id="box"></div>


css样式





#box{
    width: 300px;
    height: 200px;
    margin-left: -150px;//宽度的一半，很重要，不然不居中，会偏右
    margin-top: -100px;//高度的一半
    position: absolute;//绝对定位方式
    top: 50%;
    left: 50%;
    background-color: aqua;//背景颜色，便于测试查看效果
}






          

            

              
              郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
            

          


          


          

            标签： 
            style
            
            si
            
            html
            
            it
            
            sp
            
            io
            
            bs
            
            on
            
            ef
            
            style
            
            si
            
            html
            
            it
            
            sp
            
            io
            
            bs
            
            on
            
            ef
            
            
            
          


          

            

              
相关文章

              
    
                
              

            

            

              
随机文章

              
            

          



          

            

              
您可能还喜欢

              
    
                
              

            


            

              
您可能还喜欢