ionic栅格布局如何换行?



 <div class="row">
    <div class="col col-20" ng-repeat="image in images">
        <img src={{image}} class='img-responsive' />
    </div>
</div>

images是一个图片URL数组
如何实现每行最多5个图片 之后换行 如此循环呢?

grid 栅格 ionic ionicframework 页面布局

krypton 10 years, 2 months ago

我刚才研究了一下ionic 的css,发现它的布局使用的是flex系统,而非inline-block

所以你可以在row的css 里面加上 flex-flow: row wrap; 来让它换行,而不是挤在一起显示

帕秋莉姆Q answered 10 years, 2 months ago

Your Answer