div水平居中很好做
div{
margin:0 auto;
}
div垂直居中可以用js动态解决,此处只讲用css来做垂直居中,
这就对div有所限制,div必须明确长宽值。
div{
position:absolute;
width:50%;
height:200px;
margin:0 auto;
top:50%;
margin-top:-100px;
}
垂直居中的原理是,用绝对定位来把div移动到距离顶部50%的位置,在用margin-top的负值来向上移动div的一半,就刚好出于居中的位置了。