微信小程序设置图片文字等子元素水平居中或垂直居中

时间：2020-04-24 16:22:22 收藏：0 阅读：255

问题： 微信小程序设置子图片文字等元素水平居中或垂直居中?比如有一个图片控件和一个文本控件，想让他垂直居中显示，应该怎么实现？

技术分享图片

垂直居中实现方法：

主要是flex的一些属性

display:flex;//flex布局
justify-content:center;//设置弹性盒子元素在主轴的对齐方式，这里direction是column只设置垂直居中
align-items:center;//子元素水平居中显示
flex-direction: column;//垂直还是水平排列

转载自：在线助手微信小程序设置图片文字等子元素水平居中或垂直居中

原文：https://www.cnblogs.com/xiaoxiaopinger/p/12768126.html