Question

我似乎无法找到任何余量，所以我对原因是什么以及如何将其删除感到困惑。您无法看到图片，但是您可以看到标题和图片之间的间隙为灰色边框https://jsfiddle.net/nyftp2b7/11/

＆＃13;

<figure class="main-image">
  <a href="img/cannabislegalmap.png">
    <img src="img/cannabislegalmap.png" width="100%" alt="Image of a map of states were recreational cannabis is legal">
  </a>
  <figcaption class="caption-clr">States were recreational cannabis use is legal.
  </figcaption>
</figure>

＆＃13;

exec sp_name "2016/11/01"

＆＃13;

Answer 1

如果你放float: left;

在图像上，这解决了这样的问题;

.main-image img {
float: left;
}

谢谢

为什么我的标题和图像之间存在大约1-2px的差距？

1 个答案: