对随机动态div的响应

Question

我有点问题。我有一个动态页面，将填充div。 div的数量因数据库中注册的内容而异。

我需要制作水平响应布局。 每个div都有一个最小宽度，但是每当它们分解时，它们都将具有相同的宽度。

如果需要，我确实有bootstrap，jquery和angular来玩。

我希望这些图片可以更好地解释：

Answer 1

这个答案或多或少是@ajmajmajma提出的......

http://plnkr.co/edit/dgDPzC4wdKihS73b4d0h?p=preview

html非常简单：

<div class="container-fluid">
  <div ng-repeat="city in theCities" class="myInfo {{myClass}}">
    {{city.info}}
  </div>
</div>

在控制器中，根据城市中的项目数量设置$ scope.myClass。

减少City数组中的项目数，以查看输出的响应方式。可能有一种更简洁的方法来设置这个类，这个plunker只是试图了解这个想法。

Answer 2

您可以使用表格单元格。这听起来可能是老派，但我觉得这对于这个特殊要求是有效和可靠的。