CSS居中
1:
margin:auto;
position:absolute;
width:100px;
height:100px;
top:0;
bottom:0;
left:0;
right:0;
水平、垂直居中,要给元素定义固定的宽高,ie兼容到ie8。
2:
position:absolute;
width:100px;
height:100px;
left:50%;
top:50%;
margin-left:-50px;
margin-top:-50px;
水平、垂直居中,要给元素定义固定的宽高,没兼容问题。
3:
display:table;
margin:0 auto;
水平居中,不需要定义宽度,ie兼容到ie8。
4:
width:100px;
display:block;
margin:0 auto;
水平居中,需要定义宽度,没兼容问题。
5:
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
水平、垂直居中,不需要定义宽高,不兼容ie。