使用display:table-cell元素部分出现空白缝隙的结解决

 <div class="hotelPicDiv">
    <div><img class="hotelPic" src="resources/images/hotel/40793bc11d7351dae2ebfc9135856832.jpg" /></div>
  </div>

.hotelPicDiv{ width:3rem; height:3rem;overflow:hidden; float:left; margin:0.345rem 0.285rem; display: table;}
.hotelPicDiv div{ display:table-cell; vertical-align:middle; line-height: 0;}
.hotelPic{ width:100%;}

此处终点标注关键三个属性.hotelPicDiv{ display: table;}
.hotelPicDiv div{ display:table-cell; vertical-align:middle; line-height: 1;}

重中之重： line-height: 1;

解决缝隙的关键就是他了，原理请参考：http://blog.csdn.net/hmily_hui/article/details/54614028

来源：CSDN

作者：GG_Sone

链接：https://blog.csdn.net/Hmily_hui/article/details/54613988