javascript - AngularJS Material 将元素推送到页面右侧

Question

我试图将下拉列表推到右侧，但没有成功，还尝试在 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 不起作用？

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>