图7px比它应该更高

Question

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

看了这个将近2个小时，这让我走向疯狂。

注意：这个网站还没有完成，所以可能还有很多问题，但如果有人能告诉我7px来自哪里会很棒。

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

Link to the text site

感谢。

Answer 1

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

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

您的CSS定义如下所示：

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