CSS居中水平、垂直居中，要给元素定义固定的宽高，ie兼容到ie8。水平、垂直居中，要给元素定义固定的宽高,没兼容问题

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。