在div放UL存在有間距問題怎么解決?(圖片橫向排列)
在div中使用了UL,LI對圖片橫向排列,可是圖片一直與div存在間距,怎么解決啊?
<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>
2015-01-27
在布局之前先把所有元素的默認間距初始化為0,就不會受瀏覽器默認間距的影響了。
*{margin:0px;padding:0px}