Question

我正在创建和开发一个自定义的Wordpress主题，我正在努力解决一个问题，这让我发疯，我找不到任何修复，也无法弄清楚，我做错了什么......

输出中添加了一些额外的空格，这会打破布局并创建空白区域

这是我的源代码（index.php）：

<div class="c6">
    <h4>news</h4>
    <?php query_posts('showposts=3'); ?>
    <?php if (have_posts()) : while(have_posts()) : the_post(); ?>
        <?php get_template_part('content', get_post_format()); ?>
    <?php endwhile; else : ?>

        <p><?php _e('No posts were found!', 'unqvsn-framework'); ?></p>

    <?php endif ?>

    <p class="articles-nav-prev"><?php next_posts_link(__('&raquo; Older Posts', 'unqvsn-framework')); ?></p>

</div>

这里也是左栏侧边栏的代码，它也发生在那里（以及我创建的每个侧边栏）：

<h4>Line up</h4>
<div class="sidebar"><?php get_sidebar('lineup-sidebar'); ?></div>

以下是浏览器中带有检查代码的输出（Chrome，Firefox中也是如此）：

Screenshot

有什么想法吗？

由于

Answer 1

你可以尝试的一件事是在你的php标签之间添加html注释以防止额外的空白

<h4>news</h4><!-- no whitespace
    --><?php query_posts('showposts=3'); ?><!-- no whitespace
    etc...
    --><p class="articles-nav-prev">

Answer 2

如果您的文件保存为UTF8，可能会导致不需要的空白区域。

要解决此问题，请尝试将受影响的文件重新保存为没有BOM的UTF-8，在Notepad ++中执行此操作，只需转到Encoding-＆gt;在没有BOM的情况下以UTF-8编码并保存。

http://en.wikipedia.org/wiki/Byte_order_mark

What's different between UTF-8 and UTF-8 without BOM?

Wordpress额外的空间打破了布局

2 个答案: