我想在div中插入十张图片，我代码是用<ul><li>的。

图片是一行五张，要在那个div上居中，请问那个CSS怎么写。... 图片是一行五张，要在那个div上居中，请问那个CSS怎么写。展开

 我来答

1个回答

#热议# 为什么说不要把裤子提到肚脐眼？

315058122
推荐于2016-07-19

知道答主

回答量：42

采纳率：0%

帮助的人：19.6万

我也去答题访问个人页

关注

展开全部

设置div的宽度和li的宽度  设置li为float:left
<div>
    <ul>
        <li><a><img src="#" /></a></li>
        <li><a><img src="#" /></a></li>
        <li><a><img src="#" /></a></li>
        <li><a><img src="#" /></a></li>
        <li><a><img src="#" /></a></li>
        <li><a><img src="#" /></a></li>
        <li><a><img src="#" /></a></li>
        <li><a><img src="#" /></a></li>
        <li><a><img src="#" /></a></li>
        <li><a><img src="#" /></a></li>

    </ul>

</div>
div{width:600px;}
ul{width:580px;padding:10px;}

ul li{width:100px;float:left;margin-right:10px;}
 ul li a{width:100px;height:100px;border:1px solid #D6D6D7;display:table-cell;text-align:center;vertical-align:middle;*display: block;*font-size:87px;*font-family:Arial;}//图片居中
 ul li a img{vertical-align:middle;}


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起