为什么这个标志在内容和页面顶部之间创造空间？答案

【问题标题】：Why is this logo creating space between content and top of page?为什么这个标志在内容和页面顶部之间创造空间？
【发布时间】：2016-10-07 20:14:37
【问题描述】：

感谢您查看我的问题，我开发了一个 WordPress 主题并使用 PHP 为徽标添加了实时自定义（虽然我认为这是一个 HTML/CSS 问题）

这是徽标的外观：

在木槌的顶部有一些词正在创造那个白色的横幅。

这是处理徽标的 HTML：

  <header class="main_menu">
      <div class="container nav_wrapper">
        <nav class="navbar navbar-default">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <a class="navbar-brand" href="/">
                            <?php
               // Display the Custom Logo
               the_custom_logo();

                             if(!has_custom_logo()){
                 echo '<img alt="" src="http://placehold.it/350x90" class="img-responsive">';
                             }
                            ?>
            </a>

the_custom_logo();函数打印出图像标签。

关于如何解决此问题的任何想法？我会真的感激不尽。

【问题讨论】：

标签： php html css wordpress

【解决方案1】：

您的问题表明木槌顶部有单词，但您没有指定单词是什么。

值得检查所有代码，尤其是在函数 the_custom_logo 和 hascustomlogo（未打印）中是否有任何奇怪的回显或打印语句，或者检查 HTML 是否有奇怪的字符。有时，回显可用于定位或打印错误，但它们可能会被错误地触发，这可能会导致代码出现问题。

在浏览器中查看源代码可能会有所帮助，因为这会告诉您文本出现在代码中的哪个位置，从而帮助您缩小搜索范围。

希望对你有帮助

【讨论】：