使用Angular-Material進行簡單的CSS修改

Question

我希望對此有所幫助，但是我似乎無法改變按鈕相對於某些輸入框的位置。 我正在使用Angular Material，並創建了以下代碼：

顯然，我希望“登錄”按鈕與輸入字段垂直對齊，但是我嘗試過的任何事情都不會使它預算而不移動其他元素。 任何幫助將非常感激！

這是我的代碼：

  <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>

CSS：

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

Answer 1

<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>

嘗試使用div標簽將表單中的每一行包裝起來，然后可以將layout-align屬性應用於該行