ng-水平重复

Question

我有一个搜索结果列表，我希望水平至少有3个项目然后换行。我尝试使用以下css但已“破坏”布局。我怎么能这样做？

    <div class="list-group">
      <ul ng-repeat="agencia in listaAgencias | filter: pesquisar" class="list-group">
        <li ng-show="pesquisar.length > 0" class="list-group-item" ng-click="selecionarAgencia(agencia)">
          {{agencia.nome}}
        </li>
      </ul>

Answer 1

如何使用此css

ul {
    display: block;
    list-style: none;
    width: 80%;
}

ul li {
    float: left;
    width: 33%;
}

https://jsfiddle.net/7j92u/74/