微信小程序大小和css边距调整技术

2017年，微信小程序尺寸已成为当前微信小程序设计中最热门的话题。以下将讨论微信小程序大小和边距设置相关内容。

一：尺寸(Dimension)

1.尺寸属性：允许您控制元素的宽度和高度，还可以设置行间距。

1.height：设置元素的高度。

2.line-height：设置线高。

3.min-height:最小线高。

4.max-height：最大线高。

5.width：设置元素的宽度。

6.max-width：最大宽度。

7.min-width：最小宽度。

2.价值;自动/数字/百分比。

三。注意：

虽然有很多选择，但在小程序仍然尝试使用rpx，省的改编。

当元素设置为line-height时，也会设置max-height。实际显示该值时，它将显示为max-height，其余部分将被隐藏。

二：外边距(margin)和内边距(padding)

说到边距，这与Android中的概念基本相同，首先看一张图片，（虽然标记很难看，但这不是重点）

保证金：保证金;设置对象四边的扩展边距。

边距: 20rpx 10rpx 25rpx 10rpx：如果提供了所有四个参数值，它们将按向上，向右，向下和向左的顺序应用于四个边。

保证金：20rpx：如果只提供一个，它将用于所有四个方面。

边距：20rpx 20rpx：如果提供了两个，则第一个用于向上和向下，第二个用于向左和向右。

边距：20rpx 20rpx 10rpx：如果提供了三个，则使用第一个，第二个用于左和右，第三个用于更低。

一些相邻的边距将被合并，称为边距折叠。具体现象是，如果将两个块级元素设置为边距，则将两者之间的最大值作为两个元素的边缘。

注：边缘折叠一般认知：

保证金折叠只发生在块级元素上;

浮动元素的边距不会随任何边距而崩溃;

将属性overflow设置为不可见值的块级元素不会使用其子元素进行边距折叠;

绝对定位元素的边距不会随任何边距而崩溃;

根元素的边距不会与任何其他边距一起折叠。

2. padding：padding：设置对象四边的内边距。

填充: 20rpx 10rpx 25rpx 10rpx：如果提供了所有四个参数值，它们将按向上，向右，向下和向左的顺序应用于四个边。

填充：20rpx：如果只提供一个，它将用于所有四个边。

填充：20rpx 20rpx：如果提供了两个，则第一个用于向上和向下，第二个用于向左和向右。

填充：20rpx 20rpx 10rpx：如果提供三个，则使用第一个，第二个用于左和右，第三个用于低。

3. margin-top，margin-right，margin-bottom，margin-left分别对应于右上角，左下角和左下角之间的距离，并且可以取值：auto/number/percent。

4. padding-top，padding-right，padding-bottom，padding-left分别对应于右上角，左下角和内侧之间的距离，并且可以取值：auto/number/percent。

微信小程序商城系统开发其实很简单，只需要完成五个步骤，整个过程包括开发，在线，发布都可以轻松完成.详情

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。