上海小程序开发公司专注中小企业网络营销推广,网站制作,小程序制作。
打开客服菜单
瀚林网络科技
上海小程序开发制作公司 > 技术支持 > 微信小程序中CSS的内边距和圆框

微信小程序中CSS的内边距和圆框

编辑 :

小程序制作开发

时间 : 2019-12-06 08:36 浏览量 : 13

  问题描述


  在制作小程序的时候会经常用到浮动来设计各种组件的排版,微信小程序对排版的要求很高。光有浮动是远远不够的,如果一个板块内的组件过多就会变得混乱。所以就需要用设置内边框来调整位置。微信小程序中会有很多的头像设置,所以就会用到圆框。那么如何来设置css盒子的内边框和头像的圆框呢?


  解决方案


  跟网页一样小程序也是用很多标签来定义的。需要用css盒子来设置解决问题,并调用来实现问题。


  (1)内边距


  我们需要用到margin这个标签代表内边距,用rpx来设置距离单位。在.wxss中设置,然后在wxml中调用就可以了。


  (2)框


  用border来定义框线的宽度,用width和heigth来设置框的长宽。


  solid来定义颜色。跟内边距一样在.wxss中设置,然后在wxml中调用。


  (3)圆框


  border-radius:rpx定义圆框。


  (4)圆框头像


  跟上面的圆框一样也是用border-radius来定义,但不同的是后面的设置:%。就是一个圆的弧度不同,rpx是将框的四角成为圆弧而%是成为一个圆。


阅读本文还阅读了

开发一个微信小程序大概需要多少成本?

学开车驾校微信小程序开发制作功能详细介绍

KTV商家该如何利用KTV微信小程序来吸引更多顾客?

PC微信可以打开微信小程序啦-微信7.0内测版

微信小程序开店铺的步骤 微信小程序开店平台

上海微信小程序商城定制及商城小程序制作开发公司

上海微信小程序怎么开发?开发小程序商城需要多久时间?

上海哪家公司做微信小程序的?上海小程序开发公司有哪些?


文章来源:https://www.xhl8.cn/a/631.html

相关阅读:

开发制作微信小程序类目审核资质要求

小程序裂变该怎么做 裂变小程序技巧

微信小程序怎么找到 微信小程序在哪里登录

影城微信小程序 网上购票方便快捷,优惠多多!

会议室预约微信小程序开发 会议室预定小程序制作

背单词微信小程序开发制作 和你一起背单词

如何定制开发一个拼单小程序商城?

一个微信小程序开发要多久?

一个小程序开发一般要多少钱?

名片小程序有哪些制作方式呢?又该如何制作?

  • 超低网站建站费用

  • 超低小程序开发费用

  • 超强大网络推广功能

  • 贴心售后技术支持

cache
Processed in 0.002265 Second.