微信小程序页面设计.wxss语句整理

本文整理了微信小程序中.wxss文件的常用样式语句,包括页面对齐、内边距、外边距、边框、居中布局、行间距、边框圆角、阴影、内容溢出隐藏等,帮助开发者优化小程序页面设计。
摘要由CSDN通过智能技术生成

1.wxss:
页面左对齐:width: 100%;

2.view里面内容调整:
置顶:padding: 0;
padding-left: 5%;
padding:5px 10px 15px 20px; 上5px 右10px 下15px  左20px
padding的顺序是顺时针方向的

3.view外面位置调整:
margin-top: 15px;
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px;

4.控件顶部宽度及颜色:border-top: 1rpx solid #ddd;
控件底部线条宽度及颜色:border-bottom: 2rpx solid rgb(244, 244, 244);

5.居中:
display: flex;
justify-content: space-between;
align-items: center;

6.增加view中子view行间距:line-height: 100rpx;

7.边框:
(1)border-width:设置边框宽度:常用取值:medium:默认值,相当于3px。thin:1px。thick:5px。不可以为负值。
(2)border-color:设置边框颜色。
(3)border-top:设置顶部边框。border-top-width,border-top-style,border-top-color 分别设置宽度、样式以及颜色
(4)border-right:设置右边框。
(5)border-bottom:设置底边框。
(6)border-left

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值