html - 图 7px 比它应该高

Question

谁能告诉我为什么我的数字翻转比数字本身高 7px？

看了将近 2 个小时，这让我发疯。

注意：这个网站还没有完成，所以可能还有很多问题，但如果有人能告诉我 7px 的来源，那就太好了。

如果需要，我可以发布代码，但这里是测试页面的链接。

链接到文本站点

谢谢。

Answer 1

额外的空间实际上是line-height. 由于您使用display: inline-block;on .portfolioWork figure， line-height 会对其产生影响。

只需添加line-height: 0;即可.portfolioWork figure解决问题。

您的 CSS 定义将如下所示：

.portfolioWork figure {
    display: inline-block;
    line-height: 0;
    position: relative;
    width: 100%;
}