图片展示列表的居中对齐

方法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;}

 

posted @ 2017-08-24 15:40  javenLee  阅读(362)  评论(0编辑  收藏  举报