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

Question

我很难在水平导航菜单中对齐徽标图片：

http://fatima-h2020.eu/

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

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

将vertical-align: middle插入img，因为我已经阅读了其他问题，但似乎无法解决问题。

Answer 1

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

另外，在此

上将margin-top设置为max 5px-10px

<iframe width="640" height="400" src="https://www.youtube.com/embed/Videoid?autoplay=1" style="" frameborder="0" allowfullscreen></iframe>

Answer 2

在style.css

中添加css

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

Answer 3

只需移除填充顶部和底部：）

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