图片展示列表的居中对齐

方法1：用table-cell的样式写

<ul class="box">
     <li>
        <div><img src="http://i1.bvimg.com/608862/2e26a4384784f3a9.jpg" /></div>
     </li>
     <li>
        <div><img src="http://i1.bvimg.com/608862/9410e224d1c67e1b.jpg" /></div>
     </li>
</ul>

.box li{float:left; margin-right:13px;list-style: none;}
.box li div{display:table-cell; width:220px; height:220px;border:1px solid #beceeb; text-align:center; vertical-align:middle;}
.box li div img{vertical-align:middle;}

 

转载于:https://www.cnblogs.com/javenlee/p/7423425.html