在微信小程序中怎样让文字放在图片下面?

 时间:2026-02-11 21:44:01

1、首先我们打开微信开发者工具

在微信小程序中怎样让文字放在图片下面?

2、然后打开一个wxml文件

在微信小程序中怎样让文字放在图片下面?

3、在wxml文件中使用image标签插入一张图片

在微信小程序中怎样让文字放在图片下面?

4、写一段文字,跟图片一起同时放在父元素main-memu里面。

在微信小程序中怎样让文字放在图片下面?

5、然后打开wxss文件

在微信小程序中怎样让文字放在图片下面?

6、在wxss文件里面,为图片和文本的父元素main-memu设置宽和高

在微信小程序中怎样让文字放在图片下面?

7、设置完宽和高之后,通过text-align: center让文本居中显示

在微信小程序中怎样让文字放在图片下面?

8、打开模拟器查看效果

在微信小程序中怎样让文字放在图片下面?

1、打开微信开发者工具。

2、打开wxml文件

3、使用image标签插入一张图片

4、写一段文字,跟图片一起同时放在父元素main-memu里面。

5、打开wxss文件

6、为图片和文本的父元素main-memu设置宽和高

7、打开模拟器查看效果

  • html如何把两个网页连接起来
  • justify-content是什么意思?
  • HTML怎么添加滚动条
  • 微信小程序居中怎么设置
  • 如何给body设置背景图
  • 热门搜索
    有机花菜怎么做好吃 黄河旅游 郑州市旅游景点 隐形纱窗怎么清洗 拉肚子可以喝啤酒吗 佳能60d怎么样 国内旅游景点排行 孩子不听话家长怎么办 加拿大旅游签证 圣地安列斯怎么找女友