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

2025-10-28 11:36:57

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、最后到效果预览区域进行查看效果。

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢