div行间距~ 急

来源:百度知道 编辑:UC知道 时间:2024/06/19 08:17:47
请看下面代码
<div style="line-height:50px;">
<img src="aa.gif"/>qweqweqweqweqweqweqweqwe<br />
<img src="aa.gif"/>qweqweqweqweqweqweqweqwe<br />
<img src="aa.gif"/>qweqweqweqweqweqweqweqwe<br />
</div>
这段代码怎么控制不到每行的行间距啊,我把每行的那个图片去掉就可以了控制行间距了,但是我想保留图片,又要控制行间距,请问一下该怎么做?

谢谢了~~

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,就正常了

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

很简单.把那几行设置成一个无序列表 然后设置一个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=&q