秀米的组间距

发布网友发布时间：2022-12-26 17:58

共1个回答

热心网友时间：2023-07-06 16:26

秀米的系统模板，也是由一个个单独的内容组件，结合布局，组合而成的结构组件。

当我们在进行排版的时候，会需要去调整组件之间的距离，比如前后间距。
此时，一般就会需要用到工具条上『组件定位』里面的『组前距』和『组后距』。
01
组前距
组前距，可以设置一个组件与其前面组件之间的距离。
比如，我们从图库添加一张图片到编辑区域，不加模板的时候，它就是一个纯图片组件：

鼠标点击图片，然后把工具条上『组件定位』里面的『组前距』设置成：正数20（PS：为了让大家看的更清楚才设置这么大数值的），可以发现图片组件与前面的纯文字组件之间的间距变大了。

如果，我们把『组前距』的数值设置成：负数-20，可以发现图片组件与前面纯文字组件之间的间距变小了。

组前距的数值是可以手动输入的，可正可负，数值越大，间距越大；数值越小，间距越小。
02
组后距
组后距，可以设置一个组件与其后面组件之间的距离。
比如，我们鼠标点击纯文字组件，在工具条上的『组件定位』里面的『组后距』设置为：正数20，会发现文字组件与图片组件之间的间距变大了。

如果把『组后距』设置为：负数-20，会发现文字组件与图片组件之间的间距变小了。

组后距和组前距是一样的，数值可以手动输入，可正可负，数值越大，间距越大；数值越小，间距越小。
组前距和组后距是用来调整前后组件之间的间距，那想要调整组件的左右间距，又该怎么做呢？
此时，我们需要用到『组件定位』里面的『偏移」参数。
03
偏移
组前距和组后距可以理解为垂直方向上调整距离，那么偏移则可以理解为水平方向上调整距离。