动态文本导致网页底部出现间隙

Question

我正在使用wordpress，在我的网页底部有一个神秘的16px差距。经过一些繁琐的故障排除，我发现罪魁祸首似乎是页面上生成帖子标题的元素之一。

我

从页面中删除了标题，间隙消失了，我用静态文本替换了它，间隙没有回来。它仅在我使用动态标题时出现。

我尝试了各种不同的 wordpress 函数来生成文本，它们似乎都产生了相同大小的间隙。

我觉得奇怪的是，它只发生在动态内容而不是静态内容中。

编辑出于某种原因更改谷歌字体修复了它...我什至不知道。

这是有问题的块：

<div class="col-nsWrapper">
    <div class="col-newStory">
        <div class="col-nsImage">
            <?php 
            $attachment_id = get_field('images');
            $alt_text = get_the_title();
            $size = "home-thumb"; 
            $image = wp_get_attachment_image_src( $attachment_id, $size );
            ?>
            <a href="<?php the_permalink(); ?>">
             <img src="<?php echo $image[0]; ?>" alt="<?php echo $alt_text; ?>" />
            </a>
        </div>
        <a href="<?php the_permalink(); ?>">
            <h3><?php the_time('M j'); ?></h3>
            <h2><?php $title = get_field('short_title');
            echo $title;
             ?>
            </h2>
        </a>
    </div>
</div>

我不确定还能给你什么，因为似乎这可能是各种各样的原因。如果您想查看更具体的内容，请询问。

Answer 1

它生成的任何标题都可能附加了填充或边距，-您可能已经选择了带有静态文本的不同标签？