玩转bootstrap中间的间隔一直出不来?

来源:7-1 编程挑战

乔念mk

2016-07-27 17:59

    <div class="mid">
      <ul>
        <li class="li1"><img src="http://img.mukewang.com/53edad54000119fb03300130.jpg"/><br/>
            <a href="#">玩转bootstrap</a></li>
        <li class="li2"><img src="http://img.mukewang.com/53edad690001260a03300130.jpg"/><br/>
            <a href="#">企业网页实战</a></li>
        <li class="li3"><img src="http://img.mukewang.com/53edad7a0001cde803300130.jpg"/><br/>
            <a href="#">JavaScript</a></li>
      </ul>
    </div> <!--mid结束-->



.mid{
    width:1000px;
    height:150px;
    margin:10px auto;}
.mid li{
    list-style-type:none;        
    text-align:center;
    float:left;
    width: 330px;
    height: 130px;}
.mid li1,.mid li2{
    margin-right:5px;}
.mid li3{
    margin-right:0;}
.mid a{    
    text-decoration:none;
    color:#000;}

写回答 关注

1回答

  • 安之以祖古
    2016-07-28 11:49:38

    不要管前后两个,直接在中间那个设置margin就可以了,由中间那个把两边的推开。不需要统一都设

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题