css元素绝对居中,横向居中,纵向居中
2018-01-31 本文已影响0人
彬彬彬boboc
.clock{
width: 500px;
height:500px;
position: absolute;
top: 50%;
left:50%;
/*这时的元素的左上角再页面的正中间,我们要实现的是元素的中心点在页面的正中间*/
margin:-250px 0 0 -250px;
/*那么,要把他的上边距减去他的一半*/
background:blue;
}
.clock{
width: 500px;
height:500px;
position: absolute;
top: 50%;
left:50%;
/*这时的元素的左上角再页面的正中间,我们要实现的是元素的中心点在页面的正中间*/
margin:-250px 0 0 -250px;
/*那么,要把他的上边距减去他的一半*/
background:blue;
}