多语言展示
当前在线:1651今日阅读:84今日分享:32

小程序开发中如何运用Flex布局

在使用小程序进行页面开发的时候要接触最多的就是页面布局了,其中Flex布局是很多人都不理解的点。下面小编给大家分享一下如何在小程序中使用Flex布局。
工具/原料

小程序开发工作

方法/步骤
1

打开小程序开发工作,新建一个小程序的目录结构,如下图所示

2

而安徽我们打开目录中的index.wxml文件,在其中定义好页面的内容,如下图所示

3

接下来我们就需要在wxss文件中定义小程序的中页面的样式了,如下图所示

4

预览页面的效果,我们可以看到,默认是如下图所示的竖直排列的效果

5

接下来我们在样式中添加flex布局,如下图所示,直接指定display即可

6

在预览的时候你会看到页面的布局已经变成了flex了,如下图所示

7

综上所述,在小程序开发中flex布局默认是进行横向布局的,对于横线布局的页面可以大规模的使用

推荐信息