Question

DIV中的LI 标签里的间距怎么控制

<div style="background-color: #9c886f;width:950px;margin:10px 0px 0px 0px">
<ul>
<li style="float:left"><img src="http://img01.taobaocdn.com/imgextra/i1/354169679/T2VoI3XiJaXXXXXXXX_!!354169679.jpg" width="230" height="400">
<img src="http://img04.taobaocdn.com/imgextra/i4/354169679/T2x7E5XcxXXXXXXXXX_!!354169679.jpg" width="230" height="400">
<img src="http://img03.taobaocdn.com/imgextra/i3/354169679/T2oPk5XbFXXXXXXXXX_!!354169679.jpg" width="230" height="400"><img src="http://img02.taobaocdn.com/imgextra/i2/354169679/T2NzE4XbBaXXXXXXXX_!!354169679.jpg" width="230" height="400"></li>
</ul>
<ul>
<li><img src="http://img04.taobaocdn.com/imgextra/i4/354169679/T2ajU5XdXXXXXXXXXX_!!354169679.jpg" width="230" height="400">
<img src="http://img02.taobaocdn.com/imgextra/i2/354169679/T2kiiAXdNcXXXXXXXX_!!354169679.jpg" width="230" height="400">
<img src="http://img03.taobaocdn.com/imgextra/i3/354169679/T2gRQ4XmFXXXXXXXXX_!!354169679.jpg" width="230" height="400">
<img src="http://img03.taobaocdn.com/imgextra/i3/354169679/T28JHtXdXbXXXXXXXX_!!354169679.jpg" width="230" height="400"></li>
</ul>
</div>

我想 图片中间加上10像素的间距，要怎么做。我试过很多命令都不可以 希望知道的人可以帮帮我，万分感谢。

Answer 1

ul li img{
margin-right:10px;

}

Answer 2

li{
float:left;
width:10px;
}
希望能帮助到你。

Answer 3

只需要3步。
1、把所有li的float属性全部删掉，如果你不需要左对齐的话，这个属性会让你浏览器不兼容。如果要使用，请在容器最下面清除浮动。
2、把所有的img标签前面加上<li>，后面加上</li>,你应该让每个<img>标签都存在于<Li>下，否则就失去了<ul><li>标签的意义了。
3、设置li的margin-top或者margin-bottom的px值。