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/