AngularJS材料推元素的網頁

Question

我試圖推右/浮動下拉到右側沒有成功，試圖也適用float: right;上md-input-container：

<div layout="row" layout-align="right"> 
    <div class="md-select-sort"> 
     <md-input-container> 
      <label>Sort By</label> 
      <md-select ng-model="sort"> 
       <md-optgroup label="Sort By"> 
        <md-option value="DateLastModified">Date Last Modified (Asc)</md-option> 
        <md-option value="-DateLastModified">Date Last Modified (Desc)</md-option> 
        <md-option value="DateCreated">Date Created (Asc)</md-option> 
        <md-option value="-DateCreated">Date Created (Desc)</md-option> 
       </md-optgroup> 
      </md-select> 
     </md-input-container> 
    </div> 
</div> 

有一個具體的方式來實現這一目標？爲什麼只是float: right不起作用？

Answer 1

只需使用layout-align="end center"，你會很好，就像這個demo plnkr。

<div layout="row" layout-align="end center"> 
    <div class="md-select-sort"> 
     <md-input-container> 
      <label>Sort By</label> 
      <md-select ng-model="sort"> 
       <md-optgroup label="Sort By"> 
        <md-option value="DateLastModified">Date Last Modified (Asc)</md-option> 
        <md-option value="-DateLastModified">Date Last Modified (Desc)</md-option> 
        <md-option value="DateCreated">Date Created (Asc)</md-option> 
        <md-option value="-DateCreated">Date Created (Desc)</md-option> 
       </md-optgroup> 
      </md-select> 
     </md-input-container> 
    </div> 
</div>