高分求解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>