微信小程序flex布局的justify-content怎么用

2024-10-12 06:48:07

1、首先我们打开微信开发者工具。

微信小程序flex布局的justify-content怎么用

3、在这个wxml文件中新建一个view标签,class命名为“outter”。

微信小程序flex布局的justify-content怎么用

5、接着打开wxss的样式表文件,首先给clas衡痕贤伎s为outter的标签设置样式,在里面添加display: flex;justify-content: space-between;//表示将里面的元素紧紧挨在两边。

微信小程序flex布局的justify-content怎么用

7、最后我们来到模拟器中,查看刚才我们所制作的效果。

微信小程序flex布局的justify-content怎么用
猜你喜欢