《微信小程序开发入门精要》——第2章，第2.2节水平折行排列

本节书摘来自异步社区《微信小程序开发入门精要》一书中的第2章，第2.2节水平折行排列，作者 李宁，更多章节内容可以访问云栖社区“异步社区”公众号查看

2.2 水平折行排列
要想让view折行也很简单，只需要加一个flex-wrap:wrap即可，代码如下：

 view 

 view /view 

 view /view 

 view /view 

 view /view 

 view /view 

 view /view 

 view /view 

 view /view 

 view /view 

 /view 

或者将flex-wrap:wrap添加到flex-row样式中，代码如下：

.flex-row{

 flex-direction:row;

 flex-wrap:wrap;

 }

修改后的运行效果如图2-3所示。

▲图2-3 折行水平排列

智慧校园源码,智慧学校源码+微信小程序+人脸电子班牌 JAVA开发 技术开发环境：Java+springboot+vue+element-ui+mysql 用的是最新的技术栈，完全满足开发要求。 它是一款集智慧教学、智慧教务、智慧校务于一体的校园管理平台
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。