1、水平居中：

1）、给img设display:inline-block;然后父级text-align：center；

2）、给img设display:block; 同时设margin: 0 auto;

2、垂直居中：

解法1：img父级display:table-cell; vertical:middle; height:xxx;

复制代码
<style>
div{display: table-cell;width:400px;height:300px;vertical-align: middle;text-align:center;background:#999;} /*table-cell 可以使替换元素垂直居中，强大！*/
</style>