div 水平垂直居中

css

<style>
.main{
    background: #999999;
    width: 600px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -300px;/*此处的-200px是widthd的一半,-300px是height的一半*/
}
</style>

html

<body>
<div class="main">
</div>
</body>

效果图如下

posted @ 2019-11-24 17:43  吴川华仔  阅读(140)  评论(0编辑  收藏  举报