Question

我在造型方面尝试了很多东西并将其放入表中没有任何效果我想要帮助对齐同一个新行中的按钮和下拉列表

<div style="width:100%">
  <div style="width:40%" flex>
    <md-select ng-model="someModel">
      <md-option ng-value="NoModeSelected">No Mode Selected</md-option>
      <md-option ng-value="AllTwitter">All Twitter</md-option>
    </md-select>
  </div>
  <div style="width:20%" flex>
    <md-button ng-click="close()">+</md-button>
  </div>
  <div style="width:30%">
  <div>
    <md-input-container class="md-block language">
      <label translate>Dropdown For Filters</label>
      <md-select ng-model="accSettingsCtrl.userSettings.language" required>
        <md-option ng-repeat="lang in accSettingsCtrl.LANGUAGES" value="{{lang.key}}">
          {{lang.name}}
        </md-option>
      </md-select>
    </md-input-container>
</div>

Here is the image of what has been displayed

Answer 1

您可以使用bootstrap实现相同目的。以下是演示：http://codepen.io/shreya1289/pen/beweRy

如果您不想使用引导程序，则可以将float:left应用于div。

下拉列表和按钮在同一行角度对齐

1 个答案: