在微信小程序样式表中怎样设置浮动

 时间:2024-10-12 10:51:15

1、首先打开微信小旯皱镢涛程序,打开wxml文件。,在wxml中新建一个view标签,设置一个类,命名为info-wenzi

在微信小程序样式表中怎样设置浮动

2、在这个info-wenzi的类里面,新建一个text标签,写上一些文字。

在微信小程序样式表中怎样设置浮动

3、新建一个view标签,设置一个类,命名为info-img

在微信小程序样式表中怎样设置浮动

4、在里面插入一张图片,用image标签来实现。

在微信小程序样式表中怎样设置浮动

5、然后我们打开wxss的文件。

在微信小程序样式表中怎样设置浮动

6、为info-wenzi这个类设置左浮动,格式:float:left;

在微信小程序样式表中怎样设置浮动

7、然后为info-img这个类设为右浮动,格式:float:right。

在微信小程序样式表中怎样设置浮动

8、最后到效果预览区域进行查看效果。

在微信小程序样式表中怎样设置浮动
  • id选择器的使用
  • 如何在页面滚动时让导航条固定
  • HTML中input输入框输入内容靠右显示
  • 如何让span居中
  • css如何设置span的宽度和高度
  • 热门搜索
    有关科学的手抄报 我是文明小学生手抄报 关于节日的英语手抄报 关于体育精神的手抄报 关于祖国在我心中的手抄报 我爱校园手抄报内容 做美德少年手抄报 经典伴我行手抄报 五一手抄报资料 国庆节英语手抄报内容