微信小程序中将图片和文本居中_微信小程序让图片居中显示

作者：不正经 | 2024-04-21 00:15:40

踩

微信小程序让图片居中显示

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/460105