在导航中实现垂直对齐徽标[重复]答案

【问题标题】：Materialize vertical aligning logo in nav [duplicate]在导航中实现垂直对齐徽标[重复]
【发布时间】：2021-05-30 15:34:19
【问题描述】：

我有一个关于在导航栏中垂直对齐徽标的问题，我给出了 90 像素的高度，但是我无法在中间垂直对齐它。我已经阅读了上一个问题并尝试了一些提供的答案，但没有奏效。我真的很想知道为什么垂直对齐总是如此艰巨的任务。

这是我的代码。

<style>
    nav{
        height: 90px;
    }
    img#logo{
        height: 60px;
    }
         
</style>
</head>
<body>
    <nav>
        <div class="nav-wrapper">
          <a href="#" class="brand-logo"><img class="responsive-img" id="logo" src="logos/logo-green.png"/></a>
          <ul id="nav-mobile" class="right">
            <li><a href="sass.html">link A</a></li>
            <li><a href="badges.html">Link B</a></li>
            <li><a href="collapsible.html">Link C</a></li>
            <li><a href="collapsible.html">Link D</a></li>
          </ul>

        </div>
      </nav>
</body>

【问题讨论】：

标签： html css frameworks materialize vertical-alignment

【解决方案1】：

只需给徽标一些大约 30 像素的内边距

【讨论】：