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

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

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

1 个答案: