表单组件怎么竖排显示微信小程序

1 可以通过设置组件的flex-direction属性为column来实现表单组件的竖排显示。

2 这是因为flex-direction属性决定了flex容器内部的主轴方向，column表示主轴方向为竖直方向，因此可以实现竖排显示。

3 另外，还可以通过设置组件的width和height属性来控制表单组件的大小和位置，以适应不同的布局需求。

问题： 垂直方向和水平方向有2个view，想让他平分铺满全屏，怎么实现？

解决办法： 有几种方法，比如style里面动态设置页面屏幕宽高的百分比，最简单的一种是直接使用vh和vw（微信提供得手机宽高）。

比如垂直方向平分铺满屏幕

最近做小程序，需要用到flex布局，发现垂直居中是用：vertical-align:middle或者line-height

后来发现这2个都不能完全实现图片与文字居中，这可怎么办？

我给start_k这个class加了vertical-align:middle，不行，后来又用line-height，还是不行

没有图片和文字还没居中对齐，最后改为align-items:center，就居中对齐了

最后查看了一下align-items：center的属性

居中对齐d性盒的各项元素：

view { display：flex

align-items：center

}

但是也遇到了align-items：center无法居中的问题，想了很久终于找到了解决办法。

解决方法可以查看博客那篇文章

[解决 flex align-items：center 无法居中（微信小程序）]

网址：( https://www.cnblogs.com/zzd0916/p/7218451.html )

---