代码之家  ›  专栏  ›  技术社区  ›  Chris B

CSS-如何删除锚定图像之间的空白

  •  4
  • Chris B  · 技术社区  · 15 年前

    我有两个锚定的图像在彼此的顶部,用一个换行符隔开。我想让图片直接放在彼此的上方,但在火狐中,图片之间有一个间隙。它在IE7中工作。唯一能解决这个问题的方法是改变线条高度(我不想这样做)。

    <a href="image.jpg">
        <img height="75" width="75" src="image.jpg" />
    </a>
    <br/>
    <a href="image2.jpg">
        <img height="75" width="75" src="image2.jpg" />
    </a>
    
    2 回复  |  直到 12 年前
        1
  •  6
  •   deleteme    15 年前

    将CSS属性垂直对齐放置在顶部图像的底部,将消除Firefox中的空白。

        2
  •  4
  •   Eric Miriam Farber    15 年前

    也许把图像设置为 display:block 会有用的。由于图像默认与文本内联,因此它在底部为下行者(如J、G和Y)留出空间,即使图像永远不会有任何下行者。许多浏览器都对此负责,但这样做是不标准的。将它们设置为 block 应该在所有浏览器中消除这种烦恼。