AngularJS 材质推送元素到页面右侧答案

【问题标题】：AngularJS material push element to the right of the pageAngularJS 材质推送元素到页面右侧
【发布时间】：2017-04-02 20:13:41
【问题描述】：

我正在尝试将下拉列表向右推/浮动但没有成功，还尝试在 md-input-container 上应用 float: right;：

<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 不起作用？

【问题讨论】：

标签： javascript html angularjs angular-material

【解决方案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>

【讨论】：

很高兴帮助你