作者:zhaoyunnidaye_260 | 来源:互联网 | 2022-03-14 20:26
微信小程序页面布局方式采用的是Flex布局。Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动态的或者不确定的大小的。Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。Flex布局的特点:任意方向的伸缩,向左,向右,向下,向上在样式
微信小程序页面布局方式采用的是
Flex
布局。
Flex
布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局。
Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动态的或者不确定的大小的。
Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。
使用display:block
(默认值)的代码:
1
2
3
显示效果:
实例代码:
1
2
3
c1
c2
c3
运行效果:
aign-items
有了主轴和侧轴的方向再加上设置他们的对齐方式,就可以实现大部分的页面布局了。
【