多语言展示
当前在线:1170今日阅读:103今日分享:49

小程序垂直居中怎么做,小程序垂直居中如何写

在开发小程序的时候,垂直居中是经常需要实现的,那么小程序中如何做垂直居中呢?下面小编给大家分享一下。
工具/原料

小程序开发工具

方法/步骤
1

首先准备一个简单的小程序代码片段,如下图所示

2

接着在视图文件中写一些内容,如下图所示

3

然后可以看到默认内容是靠在左上角的,如下图所示

4

接着我们给内容添加displayflex,align-items:center这两个属性,注意width和height也要加

5

然后就可以看到垂直居中了,如下图所示

6

另外在加上justify-content:center,如下图所示

7

最后就实现了内容的垂直和水平居中,如下图所示

推荐信息