赞
踩
要在微信小程序中将图片和文本居中,可以使用flex布局和text-align属性。以下是一个示例代码:
- <view style="display:flex;flex-direction:column;justify-content:center;align-items:center;">
- <image src="/path/to/image.jpg" style="width:100px;height:100px;"></image>
- <text style="text-align:center;">居中的文本</text>
- </view>
这个代码使用了flex布局,将子元素垂直居中并在主轴和侧轴上对齐。使用justify-content:center可以在主轴上将子元素居中,而使用align-items:center可以在侧轴上将子元素居中。
同时,我们可以使用text-align:center属性将文本水平居中。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。