您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> 移动开发 >> ionic栅格布局如何换行?

ionic栅格布局如何换行?

来源:网络整理     时间:2016/5/29 4:31:47     关键词:ionic

关于网友提出的“ionic栅格布局如何换行?”问题疑问,本网通过在网上对“ionic栅格布局如何换行?”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题:ionic栅格布局如何换行?
描述:

<div>
    <div ng-repeat="image in images">
        <img src={{image}} />
    </div>
</div>

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


解决方案1:

可以插入一个clearfix做换行

解决方案2:

<div>
    <div ng-repeat="image in images">
        <img src={{image}} />
    </div>
</div>

加上row-wrap

解决方案3:

推荐一个网络课程给你。http://www.hubwiz.com/course/5507ca5be564e51314f544e4/

解决方案4:

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

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


以上介绍了“ionic栅格布局如何换行?”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/1379627.html

相关图片

相关文章