设置DIV上下左右均居中

最新推荐文章于 2024-08-02 21:20:57 发布

kintalent

最新推荐文章于 2024-08-02 21:20:57 发布

阅读量1.6k

点赞数

分类专栏： Web前端

Web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

思路是使用绝对位置，然后将margin设置为DIV宽度和高度的-1/2

#divcenter{  
    position:absolute;/*层漂浮*/ 
    top:50%;  
    left:50%;  
    width:300px;  
    height:300px;  
    margin-top:-150px;/*注意这里必须是DIV高度的一半*/ 
    margin-left:-150px;/*这里是DIV宽度的一半*/ 
    background:yellow;  
    border:1px solid red;  
}