<div class="row">
<div class="col col-20" ng-repeat="image in images">
<img src={{image}} class='img-responsive' />
</div>
</div>
images是一个图片URL数组
如何实现每行最多5个图片 之后换行 如此循环呢?
<div class="row">
<div class="col col-20" ng-repeat="image in images">
<img src={{image}} class='img-responsive' />
</div>
</div>
images是一个图片URL数组
如何实现每行最多5个图片 之后换行 如此循环呢?
<div class="row row-wrap">
<div class="col col-20" ng-repeat="image in images">
<img src={{image}} class='img-responsive' />
</div>
</div>
加上row-wrap
我刚才研究了一下ionic 的css,发现它的布局使用的是flex系统,而非inline-block
所以你可以在row的css 里面加上 flex-flow: row wrap; 来让它换行,而不是挤在一起显示