A标签/ img标签后的额外间距?

时间:2011-10-11 22:25:25

标签: html css tags image space

您好我正在尝试使用div标签构建表格单元格,同时这样做。我在单元格中嵌入了一个标签后得到了这个额外的间距。

<div display:table>
 <div display:row>
  <div display:tabel-cell>
   <a><img/></a>

我似乎无法弄清楚如何摆脱那个额外的间距。

我试过显示:内联a和img标签。但没有运气。

如果有人能帮助我摆脱这种间距,我会很乐意欣赏它。

示例 - 在阴影之前,此tabel-cell中有一个2-3像素的空白

http://i.imgur.com/DLPWH.png

3 个答案:

答案 0 :(得分:16)

除了您应该将表格用于表格数据之外,我认为在图像上设置display: block会删除空格。如果这不起作用,请尝试制作一个jsFiddle页面来展示问题。

答案 1 :(得分:1)

可以使用以下方法删除该空间:

style="display:block;"

答案 2 :(得分:0)

尝试在具有此额外间距的元素上设置margin: 0padding: 0。实现某种CSS Reset通常是个好主意,以确保所有元素都清除了这些烦人的默认属性,例如边距和填充。