Question

div行间距~ 急

请看下面代码
<div style="line-height:50px;">
<img src="aa.gif"/>qweqweqweqweqweqweqweqwe<br />
<img src="aa.gif"/>qweqweqweqweqweqweqweqwe<br />
<img src="aa.gif"/>qweqweqweqweqweqweqweqwe<br />
</div>
这段代码怎么控制不到每行的行间距啊，我把每行的那个图片去掉就可以了控制行间距了，但是我想保留图片，又要控制行间距，请问一下该怎么做？

谢谢了~~

Answer 1

很简单.把那几行设置成一个无序列表 然后设置一个CSS样式就行啦
<style type="text/css">
li{
height:50px;
list-style-type: none;
}
</style>

<ul >
<li><img src="aa.gif"/>qweqweqweqweqweqweqweqwe</li>
<li><img src="aa.gif"/>qweqweqweqweqweqweqweqwe</li>
<li><img src="aa.gif"/>qweqweqweqweqweqweqweqwe</li>
</ul>
无序列表而且还是一种非常流行和简洁的布局方式.
还有什么问题就补充把.

Answer 2

img
{
float:left;
}
<div style="line-height:50px;">
<img src="aa.gif"/><br>qweqweqweqweqweqweqweqwe<br />
<img src="aa.gif"/><br>qweqweqweqweqweqweqweqwe<br />
<img src="aa.gif"/><br>qweqweqweqweqweqweqweqwe<br />
</div>
在IE6下,图片下面有12个像素,所以加上float:left,就正常了

Answer 3

line-height是设置文字高度，跟DOM节点无关
间距可以用margin来调节
style="margin-top:1px;margin-left:1px"
类似这种
或者是在img元素之间添加节点<div></div>
通过控制间隔元素的大小来控制间距