Javascript 角度材质md选择多个水平对齐

我正在使用

多个

标志

<div layout="row"
  <md-input-container class="md-block" flex-gt-sm>
    <label>Pick State</label>
    <md-select multiple flex ng-model="main.selectedData.State">
      <md-option ng-repeat="(key, value) in main.State" value="{{value.value}}">
        {{value.display}}
      </md-option>
    </md-select>
  </md-input-container>
</div>

我会得到：

AR, CA

我认为问题在于呈现的DOM如下所示：

<md-select-value class="md-select-value" id="select_value_label_1">
  <span>
    <div class="md-container">
      <div class="md-icon"></div>
    </div>
    <div class="md-text ng-binding">
        AR
    </div>
    ,
    <div class="md-container">
      <div class="md-icon"></div>
    </div>
    <div class="md-text ng-binding">
        CA
    </div>
  </span>
  <span class="md-select-icon" aria-hidden="true"></span>
</md-select-value>

应收账
,
加利福尼亚州

因此，如果我尝试将自己的CSS添加到

float:left

或类似的内容中，我会得到以下结果：

我已经报告过，但是我不确定他们认为它是一个bug，所以我试图找到一个不重写或改变模块本身的工作。

< PSS:

    ._md-container{
      display: inline-block;
    }

---

看起来他们接受了PR来解决这个问题，但它还没有发布，但这仍然是一个很好的解决方案。如何使图标（复选框）可见。我使用谷歌字体图标

    ._md-container{
      display: inline-block;
    }