uni微信小程序 下载图片跟文字_微信小程序：图片与文字无法居中 最后解决的方法是——...

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

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

大图片

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

.start_k{

display:flex;

padding-left:5px;

text-align: center;

vertical-align:middle

}

image.png

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

.start_k{

display:flex;

padding-left:5px;

text-align: center;

align-items:center;

}

image.png

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

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

view { display：flex ;

align-items：center;

}

image.png

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

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

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