【微信小程序】【样式】外边距

xixuefeng 微信小程序 2017-10-17 10:35:39  1,613 次浏览 样式 已关闭评论

在小程序如果做的漂亮，外边距也是装修的内容之一。在Word中也称之为行间距（因为word中只有上下的距离，并不关心左右）。

margin属性就可以解决这个问题。

1：margin: 20rpx 10rpx 25rpx 10rpx
如果提供以上全部四个参数值，将按上、右、下、左的顺序作用于四个边距。

2：margin：20rpx
如果只提供一个参数值，将用于全部的四个边距。

3：margin：20rpx 20rpx
如果提供两个参数值，那么第一个参数作用于上、下，第二个参数作用于左、右。

4：margin：20rpx 20rpx 10rpx
如果提供三个，第一个参数作用于上，第二个参数作用于左、右，第三个参数作用于下。

例：只想上下有边距，左右没有，那么显然用第二种方式即可，即第一个参数设置上下，第二个参数设置左右

.itemView{
margin: 20rpx 0rpx;
font-family: "黑体";
color: 	#458B00
}

.itemView{

margin: 20rpx 0rpx;

font-family: "黑体";

color: #458B00

}