一、水平居中

.wrap{        height: 200px;        width:200px;        text-align: center;        }.warp img{        display: inline-block;                  }

.wrap{        height: 200px;        width:200px        }.warp img{        display: inline-block;                  margin:0 auto;              }

二、垂直居中

.warp{            height: 200px;            width: 200px;                       line-height: 200px;//必须line-height=height        }        ul.news li img{            vertical-align: middle;            display: inline-block;;                 }

为什么wrap在display=table-cell时，.wrap设置vertical-align: middle;无效？？