日期:2014-05-17  浏览次数:20596 次

高分求解Div+CSS问题
<div   class= "tb ">              
            <dl   class= "row ">
                <dt>                  
                    </dt>
                </dl>
        <dl>
<dl   class= "row ">
                <dt>                  
                    </dt>
                </dl>
        <dl>
<dl   class= "row ">
                <dt>                  
                    </dt>
                </dl>
        <dl>
<dl   class= "row ">
                <dt>                  
                    </dt>
                </dl>
        <dl>
</div>

我用这样的div生成了一个N行的表结构...可是我发现行宽度或者是行间距太大了,不知道有什么办法可以调整?

我试过
div.tb   .row
{
      height:20px;
        text-align:left;
        text-indent:1em;
        line-height:0px;
}

可是没有效果,在FF下还是老样子,在IE下每行的字都只显示出一半来了...

希望有人给解惑~~谢谢,解决就结贴

------解决方案--------------------
代码错了嘛,怎么连续两个 </dl> <dl> 嘛,


<div class= "tb ">
<dl class= "row ">
<dt>
</dt>
</dl>

<dl class= "row ">
<dt>
</dt>
</dl>

<dl class= "row ">
<dt>
</dt>
</dl>

<dl class= "row ">
<dt>
</dt>
</dl>

</div>
------解决方案--------------------
div.tb .row
{
margin:0;
padding:0;
border:0;
}
------解决方案--------------------
原因在于你line-height:0px;

<div class= "tb ">
<dl class= "row ">
<dt> test1 </dt>
</dl>
<dl class= "row ">
<dt> test2 </dt>
</dl>
<dl class= "row ">
<dt> test3 </dt>
</dl>
<dl class= "row ">
<dt> test4 </dt>
</dl>