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>

AngularJS材质推送元素位于页面右侧

1 个答案: