html - Wordpress 模板中特色图片下方的幽灵空白

Question

我不熟悉创建 Wordpress 模板(我主要是一名前端开发人员)，并且我创建了一个显示特色图片的模板。无论出于何种原因，它都会在图像下方显示空白。 margin 和 padding 设置为 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 解决了这个问题。