css图片水平居中　利用margin:　0　auto实现图片水平居中　利用margin:　0　auto实现图片居中就是在图片上加上css样式margin:　0　auto　如下:　　　利用文本的水平居中属性text-align:　center　代码如下:　　　css图片垂直居中　利用高==行高实现图片垂直居中　这种方法是要知道高度才可以使用,代码如下:　　　利用table实现图片垂直居中　利用table的方法是利用了table的垂直居中属性,代码如下:　这里使用display:　table;和display:　table-cell;来模拟table,这种方法并不兼容IE6/IE7,IE67不支持display:　table,如果你不需要支持IE67那就可以用　缺点:当你设置了display:　table;可能会改变你的原有布局　　　　利用绝对定位实现图片垂直居中　如果已知图片的宽度和高度可以这样,代码如下:　　　移动端可以利用flex布局实现css图片垂直居中　移动端一般浏览器版本都比较高,所以可以大胆的使用flex布局,(flex布局参考css3的flex布局用法)演示代码如下:　css代码:　　/*　web前端开发http://www.51xuediannao.com/　*/　.ui-flex　{　display　:　-webkit-box　!important　;　display　:　-webkit-flex　!important　;　display　:　-ms-flexbox　!important　;　display　:　flex　!important　;　-webkit-flex-wrap　:　wrap　;　-ms-flex-wrap　:　wrap　;　flex-wrap　:　wrap　}　.ui-flex,　.ui-flex　*,　.ui-flex　:after,　.ui-flex　:before　{　box-sizing　:　border-box　}　.ui-flex.justify-center　{　-webkit-box-pack　:　center　;　-webkit-justify-content　:　center　;　-ms-flex-pack　:　center　;　justify-content　:　center　}　.ui-flex.cent