在使用小程序进行页面开发的时候要接触最多的就是页面布局了,其中Flex布局是很多人都不理解的点。下面小编给大家分享一下如何在小程序中使用Flex布局。
工具/原料
小程序开发工作
方法/步骤
1
打开小程序开发工作,新建一个小程序的目录结构,如下图所示
2
而安徽我们打开目录中的index.wxml文件,在其中定义好页面的内容,如下图所示
3
接下来我们就需要在wxss文件中定义小程序的中页面的样式了,如下图所示
4
预览页面的效果,我们可以看到,默认是如下图所示的竖直排列的效果
5
接下来我们在样式中添加flex布局,如下图所示,直接指定display即可
6
在预览的时候你会看到页面的布局已经变成了flex了,如下图所示
7
综上所述,在小程序开发中flex布局默认是进行横向布局的,对于横线布局的页面可以大规模的使用
上一篇:最有人气的排毒食物
下一篇:怎样做美味的家常鸡蛋羹