图像自动间距?

时间:2012-01-31 21:56:32

标签: html css image

希望这应该简短而且甜蜜,我正在建立一个网站,我希望两个40x40图像彼此相邻放置,问题是它们似乎是一个流氓边缘或填充正在应用于它。我试图删除它,但没有运气。

图像:HTTP://i.minus.com/jblfTtkLGRaE74.png

正如你所看到的,我打开了firebug,它表明没有样式应用于图像,导致图像之间出现空白。此外,图像不是div的子项。我使用了CSS重置。

如果您需要更多信息,请询问。

谢谢。

5 个答案:

答案 0 :(得分:3)

这是因为图像是内联元素。删除差距的选项包括在图片中添加float: left或删除HTML中图片之间的所有空格。

答案 1 :(得分:0)

如果您正在使用Firefox并且您确定所有空间值都已归零,那么它可能是白色空间的字体大小,删除2个图像之间的任何空格或空格,您也可以尝试设置父元素的字体大小为0。

答案 2 :(得分:0)

有趣的是,没有查看您声称正在使用的任何代码/重置。这是我如何使用CSS快速将两个图像紧挨着放在一起。

img {
float: left;
margin: 0;
padding: 0;
border: 0;
}

有时你会回过头来仔细研究你的代码并做一点改写。祝你好运!

答案 3 :(得分:0)

您是否尝试过使用表格并将每张图片放入?

页面上的主要边框往往很奇怪但我已经意识到表格方法往往允许更多的细化。最好的部分是它不会出现在页面上。

答案 4 :(得分:0)

您可以使用CSS

word-spacing:-1em;
在父容器上

删除图像之间的这些空格。