1.
body{
text-align:center;
}
缺点:body内所有内容一并居中
2.
.center{
width:500px;
margin: 0 auto;
}
缺点:需要设置div宽度
3.
.center{
margin: auto;
position: absolute;
left: 0;
right: 0;
top:0;
bottom:0;
}
4.
.cent{
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
缺点:需要支持Html5
5.img剧中
水平居中:text-align:center
垂直居中:vertical-align:middle