WordPress 额外的空格会破坏布局答案

【问题标题】：Wordpress extra spaces breaks layoutWordPress 额外的空格会破坏布局
【发布时间】：2013-04-07 15:51:39
【问题描述】：

我正在创建和开发一个自定义 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

有什么想法吗？

谢谢

【问题讨论】：

标签： php wordpress layout whitespace

【解决方案1】：

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

要修复它，请尝试将受影响的文件重新保存为不带 BOM 的 UTF-8，要在 Notepad++ 中执行此操作，只需转到编码-> 以不带 BOM 的 UTF-8 编码并保存。

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

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

【讨论】：

【解决方案2】：

您可以尝试的一件事是在您的 php 标签之间添加 html cmets 以防止多余的空格

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

【讨论】：

感谢您的回答，但这没有帮助。在 html 评论之后添加了该死的空格....
yayks，我只是找到了解决方案 - 之后我必须重新保存所有文件，并将编码转换为 UTF-8 而没有 BOM（字节顺序标记），所有空格都消失了！
我正要添加它作为评论，它发生在我之前，除了出现三个字符而不是空格。
@martincarlin87 请将其发布为答案，我会将其标记为有效答案，因为在接下来的 7 小时内我无法评论我自己的问题，而声誉如此之低... :) 谢谢!
@unqvsn 我现在已经发布了一个答案，其中包含一些供参考的链接。