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

Question

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

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

这是显示的内容： Image with white space below

如果您可以看到该站点，则为：https://staging.orangesocks.org/this-is-my-story/

Answer 1

找到了答案。由于图像是行内元素，因此在下面添加了空白。在图像上添加display：block可以解决此问题。