为了账号安全,请及时绑定邮箱和手机立即绑定

在div放UL存在有间距问题怎么解决?(图片横向排列)

在div中使用了UL,LI对图片横向排列,可是图片一直与div存在间距,怎么解决啊?

548bebb40001eee103600162.jpg

<style type="text/css">

.pp{

width:592px;

    background-color:#66F;

height:500px;


}

.ii{

float:left;

list-style:none;

width: 140px;

height:auto;

margin-left:6px;

}


.fenlei_mid_div{

width:140px;

background-color:#300;

float:left;

}


</style>

</head>


<div class="pp">


<ul>

  <li class="ii" >

    <div class="fenlei_mid_div">

    <img src="file:///C|/Users/Administrator/Desktop/站点/images/105.122.jpg" />

    </div>

  </li>

 <li class="ii" >

    <div class="fenlei_mid_div">

    <img src="file:///C|/Users/Administrator/Desktop/站点/images/105.122.jpg" />

    </div>

  </li>

  <li class="ii" >

    <div class="fenlei_mid_div">

    <img src="file:///C|/Users/Administrator/Desktop/站点/images/105.122.jpg" />

    </div>

  </li>


</ul>

</div>

</body>

</html>


正在回答

1 回答

在布局之前先把所有元素的默认间距初始化为0,就不会受浏览器默认间距的影响了。

*{margin:0px;padding:0px}

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
信息排列效果
  • 参与学习       31772    人
  • 解答问题       166    个

大咖教您节约网页空间的方法,快速学会信息排列效果的制作

进入课程

在div放UL存在有间距问题怎么解决?(图片横向排列)

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信