要在微信小程序中将图片和文本居中,可以使用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属性将文本水平居中。