显示扁平列表项，其中包含更多适合div的项目

Question

我有几个列表项目，我想在我的网站上以扁平化的顺序显示。 对于不适合同一条线的物品，我试图显示“有多少物品”可用。这样的东西有8个项目：

screen size 1:
==============================
item1, item2, item3   +5 items
==============================

screen size 2:
====================================================
item1, item2, item3, item4, item5, item6    +2 items
====================================================

我现在拥有的代码框架是：

<div class="col-md-10">
  <span ng-repeat="item in items | canFit">
    <span class="itemname">{{item}}</span>
  </span>
</div>
<div class="col-md-2" ngshow="n>0">
   <span>+{{n}} items</span>
</div>

我目前使用算法实现计算字符数，但字体大小，填充，屏幕大小可能会在未来发生变化，我正在尝试使用一些更不可知的更改，同时减少性能影响。

有没有更简单的方法来实现这一目标？

ps：我使用带有自举网格的angularjs来显示项目 span10：（item1，item2，item3），span2：（+ 5 items）

Answer 1

我已经阅读了您的问题，可能会有所帮助Angular Material Child Alignment