Html 为什么'；当ng href添加到md按钮时，md菜单是否与md按钮对齐？

此处演示：

顶部和底部之间的唯一区别是顶部使用带有

ng href

属性的

md按钮

，该属性通过角度材质编译为

a

标记，而底部使用普通

md按钮

，编译为

按钮

标记。但是，

.md button

类似乎确实向按钮的锚定版本添加了所有相同的样式

那么，为什么顶部示例中的菜单似乎被推到了新行？

<div ng-controller="AppCtrl" ng-cloak="" class="buttondemoBasicUsage" ng-app="MyApp">
  <md-content layout="column" layout-align="start center">
    <div layout="row" layout-align="center" layout-fill>
      <md-card flex-sm="95" flex-gt-md="70" layout="column">
        <div layout-sm="column" layout-gt-sm="row" flex>
          <div flex layout>
            <md-button ng-href="https://www.google.com" class="md-primary">
              <md-icon aria-label="launch">launch</md-icon> Link
            </md-button>
            <md-menu>
              <md-button aria-label="Open edit menu" class="md-icon-button" ng-click="$mdOpenMenu($event)">
                <md-icon md-menu-origin>arrow_drop_down</md-icon>
              </md-button>
              <md-menu-content width="5">
                <md-button>Menu Choice</md-button>
              </md-menu-content>
            </md-menu>
          </div>
          <span flex></span>
        </div>
      </md-card>
    </div>
  </md-content>

  <md-content layout="column" layout-align="start center">
    <div layout="row" layout-align="center" layout-fill>
      <md-card flex-sm="95" flex-gt-md="70" layout="column">
        <div layout-sm="column" layout-gt-sm="row" flex>
          <div flex>
            <md-button class="md-primary">
              <md-icon aria-label="launch">launch</md-icon> Link
            </md-button>
            <md-menu>
              <md-button aria-label="Open edit menu" class="md-icon-button" ng-click="$mdOpenMenu($event)">
                <md-icon md-menu-origin>arrow_drop_down</md-icon>
              </md-button>
              <md-menu-content width="5">
                <md-button>Menu Choice</md-button>
              </md-menu-content>
            </md-menu>
          </div>
          <span flex></span>
        </div>
      </md-card>
    </div>
  </md-content>
</div>

发射链路
向下箭头
菜单选择
发射链路
向下箭头
菜单选择

您只是忘记了在第6行中添加“layout”属性（默认为行）

发射链路
向下箭头
菜单选择
发射链路
向下箭头
菜单选择

---

您只是忘记了在第6行中添加“layout”属性（默认为行）

添加

layout

属性当然有帮助，但是菜单图标仍然与顶部示例上的按钮不对齐：但是…这看起来像是一个存在的问题：添加

layout

属性当然有帮助，但是菜单图标仍然与顶部示例上的按钮不对齐：但是…这看起来像是一个存在的问题：