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

 时间:2024-10-14 01:54:03

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

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

2、然后打开一个wxml文件。

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

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

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

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

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

5、然后打开wxss文件。

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

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

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

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

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

8、打开模拟器查看效果!

在微信小程序中怎样让文字放在图片下面
  • html如何把两个网页连接起来
  • justify-content是什么意思?
  • HTML怎么添加滚动条
  • 微信小程序居中怎么设置
  • 如何给body设置背景图
  • 热门搜索
    51劳动节手抄报 教师节英语手抄报 老师辛苦了手抄报 友善手抄报 老师您辛苦了手抄报 关于童话的手抄报 法制教育手抄报图片 走进信息世界手抄报 爱护环境手抄报 手抄报图片大全2年级