在开发小程序的时候,垂直居中是经常需要实现的,那么小程序中如何做垂直居中呢?下面小编给大家分享一下。
工具/原料
小程序开发工具
方法/步骤
1
首先准备一个简单的小程序代码片段,如下图所示
2
接着在视图文件中写一些内容,如下图所示
3
然后可以看到默认内容是靠在左上角的,如下图所示
4
接着我们给内容添加displayflex,align-items:center这两个属性,注意width和height也要加
5
然后就可以看到垂直居中了,如下图所示
6
另外在加上justify-content:center,如下图所示
7
最后就实现了内容的垂直和水平居中,如下图所示
上一篇:如何让自己的头脑变的睿智