CSS居中

margin:auto;  position:absolute;  width:100px;height:100px;top:0;bottom:0;left:0;right:0;复制代码

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

position:absolute;width:100px;height:100px;left:50%;top:50%;margin-left:-50px;margin-top:-50px;复制代码

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

display:table;margin:0 auto;复制代码

水平居中，不需要定义宽度，ie兼容到ie8。

width:100px;display:block;margin:0 auto;复制代码

水平居中，需要定义宽度，没兼容问题。

position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);复制代码

水平、垂直居中，不需要定义宽高，不兼容ie。