微信小程序样式box-sizing用法

 时间:2024-10-12 01:07:29

1、打开开发者工具,在项目的pages文件夹下新建mypage文件夹,在文件夹内新建page,名为mypage,并在app.json中将mypage设为第一页面。

微信小程序样式box-sizing用法

3、在mypage.wxss样式文件,添加代码如下;view{width: 200rpx;height: 200rpx;margin: 10rpx;padding: 20rpx;}

微信小程序样式box-sizing用法

5、改写mypage.wxss代码如下:view{width: 200rpx;height: 200rpx;margin: 10rpx;pad颊俄岿髭ding: 20rpx;box-sizing: border-box;}

微信小程序样式box-sizing用法

7、在网页设计中除了默认方式和上面的border-box,还有一种将padding算到嘛术铹砾width的方式,但是在小程序中好像只有border-box和瘫问钾酗默认的content-box,就是说即使设计成padding-box,依然是content-box默认方式显示

微信小程序样式box-sizing用法
  • Java怎么获取一个数的个位、十位、百位
  • php如何遍历输出数组内容
  • C# winform 登录名存入文件并读取 vs 2010
  • [NetBeans(1)] 修复无法新建项目的问题[TZZ]
  • Java怎么强制类型转换
  • 热门搜索
    病假工资怎么算 一万个为什么 双皮奶的做法视频 家庭基本情况怎么写 心得体会怎么写 青菜的做法大全家常 candy怎么读 二驴为什么封号 耳朵后面长了个包一按就疼怎么办 什刹海怎么读