css - Angular Material如何垂直对齐md-button

Question

我是 Angular Material 的新手。下面是我的简单代码。

<div layout="row" layout-margin>
    <md-button ng-click='toggleSideNav()'><md-icon md-svg-icon='menu'></md-icon></md-button>
    <div><div><img src='/Content/Images/logo.png' title='logo' alt='logo'></div></div> <!-- 138 * 66 image -->
</div>

谁能帮我如何在左侧图像的中间垂直对齐菜单按钮？类似于左侧菜单图标的内容 https://www.youtube.com/

谢谢

Answer 1

实际上，Material 会为您对齐。季节没有正确对齐是因为您将图像放在 div 中。

当您删除它所在的双 div 时，它会完美对齐。如果出于某种原因您需要保留这些 div，只需将它们设置为与您的图片相同的高度即可。

我刚刚添加了这个:

 div{
  box-shadow: 0 0 0 1px;
}

看到问题。