Question

我尝试过所有我认识的事情。我开始认为它是由Tumblrs javascript创建的。首先，我有内联块，我知道读取空白区域并添加像素。但经过大量测试后，剥离了我的所有javascript，并删除了所有内容，只留下了一个标准

<div><img src="image"/></div>

我仍然在图像下方获得2px的空间！

所以我想知道有没有办法在没有jquery的情况下做到这一点？

.parentdiv {
    height:100% - 2px;
}

Answer 1

此问题是由行高引起的，因为文本也是预期的。

解决方案

line-height: 0;

样品

Answer 2

另一种不会修改整个容器行高的解决方案是使图像表现为块元素。因为默认情况下它们是内联的。

img {
  display: block;
}

是的，我知道，它已经过时了，但我想我总是很高兴。