Html 垂直对齐具有可变高度的div内的多个跨距（用户界面选择多个）

我使用Multiselect from

我的多选像这样

如果有多个跨距，则可以将跨距排列成多条直线。我想做这个很好的垂直对齐

我设法做到了一行：

（来源：）

但它在多条线路上都失败了：

（来源：）

（来源：）

“漂亮的垂直对齐”-相同颜色的填充物必须相等

（来源：）

HTML

  <ui-select multiple class="ui-select-container ui-select-multiple ui-select-bootstrap form-control dropdown" 
             ng-model="multipleDemo.colors" ng-disabled="disabled">
      <ui-select-match class="ui-select-match" placeholder="Select colors...">{{$item}}</ui-select-match>
      <ui-select-choices repeat="color in availableColors | filter:$select.search">
        {{color}}
      </ui-select-choices>
  </ui-select>

---

我如何才能做到这一点？

将下面的代码添加到css中

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item { 
   display:block; 
} 

---

.ui-select-multiple.ui-select-bootstrap.ui-select匹配项{display:block；}将其添加到CSSS中。那么这应该是什么样子？“很好的垂直对齐”…模糊不清。@Paulie_D，我用你问题的答案更新了我的帖子）你的演示没有显示问题…可以更新它以显示实际问题吗？谢谢，但你的解决方案对我不好-

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item { 
   display:block; 
}