当前位置: 代码迷 >> Web前端 >> 去掉dt跟dd默认间隔的方法
  详细解决方案

去掉dt跟dd默认间隔的方法

热度:120   发布时间:2012-08-24 10:00:21.0
去掉dt和dd默认间隔的方法

<dl>

?? <dt>

?????? <dd></dd>

?????? <dd></dd>

?? </dt>

</dl>

?

这个html的标签大家应该会常用的吧,它用来修饰一段模式相同的具有标题和主体内容的数据。

?

dl--代表数据块

dt--代表这段数据的标题

dd--代表数据主体

?

有一个问题:很多孩纸都发现 dt 和dd之间总是有一个去不掉的10PX的间隔 这是怎么回事呢?

?

我自己试验发现 跟padding还有margin没关系 ,主要是你在css的修饰中一定要这样修饰

?

dl{

xx

}

?

dl dt{

xx

}

?

dl dt dd{

xx

}

?

也就是要用后代选择器来进行css抽取修饰才会除去间隔 大家可以试一试

  相关解决方案