html - 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/