html - How to get rid of white space between and

Answer 1

链接到之前：test1.php

链接到之后： http ://www.gramercyit.com/test.php

通过将我的位置更改为绝对并将顶部设置为 0px 来解决它；很抱歉浪费了你们的时间，我只是没想到它会那样工作，呵呵。

Answer 2

您是否尝试过显示：块，浮动：左为 img 和 a？

Answer 3

不要听任何人说要删除空格 - 这会有所帮助，但只会持续一段时间，直到您的内容被不知道空格技巧的其他人修改。:)

当您将 float: left 分配给元素时，它会自动转换为块级元素。

因此，如果您想摆脱仅使用 CSS 的问题，请使用 display:block 图像。

如果您使用带图像的文本（此处未指定这种情况），则使用 float:left 或 float:right。

Answer 4

我解决这个问题的方法是分配一个标签 display:block

唯一的问题是你需要一个容器来存放a和img

<div class="image"><a href="#"><img src="blah.gif" /></a></div>

.image a,
.image img
{
  padding: 0;
  margin: 0;
  display: block;
}

另一种解决方案是（但非常糟糕的做法，所以我建议不要这样做）

.image a
{
  font-size: 0;
}

最终，在您的图像周围有一个 div 可以让您在创建响应式图像时有更好的时间，并且您希望为它们提供边框（不会影响您的定位），只需将边框应用于容器即可。