Wordpess模板中特色图像下方的鬼空白

【Wordpess模板中特色图像下方的鬼空白】我是创建Wordpress模板的新手(我主要是前端开发人员), 并且已经创建了一个显示特色图片的模板。无论出于何种原因, 它都会在图像下方显示空白。边距和填充设置为0, 所以这对我来说是一个很大的谜。这是我的模板代码:

echo '< div class="featured-image"> '; the_post_thumbnail(); echo '< /div> ';

它是这样显示的:下方带有空白的图像
如果你可以看到该站点, 则为:https://staging.orangesocks.org/this-is-my-story/
#1找到了答案。由于图像是行内元素, 因此在下面添加了空白。在图像上添加display:block解决了该问题。

    推荐阅读