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>