水平导航菜单中的垂直对齐图像

Question

我很难在此处的水平导航菜单中对齐徽标图像：

嗯，这就是我想要实现的：

但我真的很困惑我应该编辑哪个元素来实现这一点。

正如我在其他问题中读到的那样，将 vertical-align: middle 插入 img 似乎并不能解决问题。

Answer 1

在style.css

中添加css

.sf-menu a.menu-image-title-hide.menu-image-not-hovered {
    padding: 0;
}

Answer 2

只需删除 padding-top 和 bottom :)

ul li a.menu-image-title-hide.menu-image-not-hovered {
  padding: 0px 12px;
}

Answer 3

.sf-menu li:first-child a, .sf-menu li:first-child a:hover {
    padding: 0;
}   
 li.menu-item a {
        padding-top: 20px;
    }

此外，在此

上将 margin-top 设置为最大 5px-10px

nav#topmenu{
margin-top:5px;
}

Vertical align image in horizontal nav menu