微信小程序中如何实现view标签中的图片居中显示,或者view居中?

微信小程序中如何实现view标签中的图片居中显示,或者view居中?,第1张

1、首先打开微信开发者工具,新建一个小程序

2、page目录下新建一个test目录和相关页面文件。打开app.json文件,将test页面路径放置到index前面。

3、单个view居中:点击打开test.wxml页面代码,输入图中的代码内容。给view设置一个class。

4、点击打开test.wxss文件,这里设置元素样式。输入下面图中的样式代码,可以实现view中文字内容居中。

5、最后打开test.wxss文件,设置viewin的样式代码,如图中所示。实现内部的view相对于外层的view居中显示。

工具/原料

微信小程序   web-view

方法/步骤

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

2、选择新建小程序。

3、输入项目信息后,点击”确定“。

4、进入开发画面。

5、点击”index wxml“右侧将其他代码都删除,在容器中,添加”web-view“。

6、给这个web-view添加src属性这里添加需要的地址即可。

7、完成后保存修改,在左侧的手机模拟器中,即可查看效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11003937.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存