下拉列表和按钮在同一行的对齐方式 angular

Question

我在样式方面尝试了很多东西并将其放入 table 没有任何效果我需要帮助在同一新行中对齐按钮和下拉菜单

<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

如果您不想使用 bootstrap，那么您可以将 float:left 应用于 div。

下拉列表和按钮在同一行的对齐方式 angular

Alignment of dropdown list and button in same line angular

html

css

angularjs

angular-material