Html 使用角度材质的简单CSS修改

带着一种轻微的绝望感，我在寻求帮助，但我似乎无法改变按钮相对于某些输入框的位置？！？！？！？！我使用的是有角度的材质，并创建了以下内容：

显然，我希望“登录”按钮与输入字段垂直对齐，但如果不移动其他元素，我所做的任何尝试都不会使其符合预算。任何帮助都将不胜感激

这是我的密码：

  <div class="navbar">
    <md-content md-theme="docs-dark" layout-gt-sm="row" layout-padding>
      <form ng-submit="submitLoginForm()" class="navbar-form navbar-right">
        <md-input-container style="width:150px;">
          <label>Email</label>
          <input ng-model="loginForm.email" type="text" name="email" class="form-control">
        </md-input-container>
        <md-input-container>
          <label>Password</label>
          <input ng-model="loginForm.password" type="password" name="password" class="form-control">
        </md-input-container>
        <md-button class="md-raised" type="submit">
          <span ng-show="!loginForm.loading">Sign in</span>
          <span ng-show="loginForm.loading" class="fa fa-spinner"></span>
          <span ng-show="loginForm.loading">Signing in...</span>
        </md-button>
        <input type="hidden" name="_csrf" value="<%= _csrf %>" />
      </form>
    </md-content>
  </div>

电子邮件
密码
登录
正在登录。。。

---

尝试使用

div

标记来包装表单中的每一行，然后您可以将属性应用于该行

请创建一个复制问题的代码段。作为快速说明，

md输入容器

会自动在底部为错误消息添加空间。这可能是问题的一部分。您可以通过向输入容器和CSS

.md错误间隔{min height:0px；}

添加一个类来改变这一点，或者让它显示为

display:none

。我们正在努力使内联表单元素更容易。

.navbar {
    width: 100%;
    background-color: #000;
    height:75px;
    padding-bottom: 20px;
}

<div layout="row" layout-align="center center">
 <md-input-container style="width:150px;">
      <label>Email</label>
      <input ng-model="loginForm.email" type="text" name="email" class="form-control">
    </md-input-container>
    <md-input-container>
      <label>Password</label>
      <input ng-model="loginForm.password" type="password" name="password" class="form-control">
    </md-input-container>
    <md-button class="md-raised" type="submit">
      <span ng-show="!loginForm.loading">Sign in</span>
      <span ng-show="loginForm.loading" class="fa fa-spinner"></span>
      <span ng-show="loginForm.loading">Signing in...</span>
    </md-button>
</div>