微信小程序：图片与文字无法居中 最后解决的方法是——

最近做小程序，需要用到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 )

常用的居中对齐方式有很多种例如：

text-align:center

align-items:center

justify-content: center

margin: auto #子容器在父容器中居中

但是在view中的文字对齐却不能简单的使用text-align: center来实现，这种办法只能实现文字的水平居中，

要实现水平垂直居中

可使用如下方案

使用flex布局控制其中的文字水平和垂直居中

在微信小程序内设置文字在view标签垂直居中的办法：

<view class="father">我是儿子</view>.father{line-height:82rpxwidth:100%}

微信小程序（wei xin xiao cheng xu），简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想。

用户扫一扫或搜一下即可打开应用。

拓展内容：

2016年1月11日，微信之父张小龙时隔多年的公开亮相，解读了微信的四大价值观。张小龙指出，越来越多产品通过公众号来做，因为这里开发、获取用户和传播成本更低。拆分出来的服务号并没有提供更好的服务，所以微信内部正在研究新的形态，叫「微信小程序」。

2016年9月21日，微信小程序正式开启内测。在微信生态下，触手可及、用完即走的微信小程序引起广泛关注。腾讯云正式上线微信小程序解决方案，提供小程序在云端服务器的技术方案。

2017年1月9日0点，万众瞩目的微信第一批小程序正式低调上线，用户可以体验到各种各样小程序提供的服务。

---