Php Wordpress额外空格打断布局

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

在输出中添加了一些额外的空间，这会破坏布局并创建空空间

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

新闻

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

排队

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

有什么想法吗

---

谢谢

您可以尝试在php标记之间添加html注释，以防止出现额外的空白

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

news

如果将文件另存为UTF8，可能会导致不必要的空白

若要修复此问题，请尝试将受影响的文件重新保存为不带BOM的UTF-8，若要在记事本++中执行此操作，只需在不带BOM的UTF-8中转到编码->编码并保存即可

---

谢谢您的回答，但这没有帮助。那些奇怪的空白是在html注释之后添加的…耶，我只是找到了解决方案-我必须重新保存我所有的文件，编码转换为UTF-8，没有BOM（字节顺序标记），然后，所有的空白都消失了！我正要加上这句话作为评论，我以前也遇到过这种情况，除了出现了三个字符而不是空白。@martincarlin87请将其作为答案发布，我会将其标记为有效答案，因为我在接下来的7个小时内无法评论我自己的问题，声誉很低……：）谢谢大家!@unqvsn我现在已经发布了一个答案，其中有一些链接供参考。

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

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