响站后台页面设置布局的Margin与Padding介绍
在内容编辑区选中模块后,可在右侧样式面板 > 默认 > 布局下方看到Margin 和 Padding设置项。Margin是位于布局外侧的4个填充框,Padding是位于布局内侧的4个填充框。上下左右4各填充框分别用于调整当前模块在上下左右4个方向上与其他模块之间的距离。
Margin
Margin 是用来设置当前模块或布局与周围其他模块或布局之间的距离。例如,当前您选中的是图片模块,在图片模块右侧有一个段落模块。如果您想让图片模块和右侧的段落模块之间的距离增大,您可以在布局中右侧的Margin填充框中填入一个较大的数值(如下图所示)。
调整距离之前的效果
调整距离之后的效果
Padding
Padding 是用来设置当前模块或布局与它内部内容之间的距离。这里的内部内容可能是布局、也可能是模块,还可能是模块本身(段落模块的内部内容就是它边框内的文字)。例如,如果您想让段落模块内部的文字和段落模块的边框之间的距离增大,您可以在段落模块布局上下左右任意一个方向上的Padding填充框中填写一个较大的数值(如下方左图所示)。您也可以在段落模块布局上下左右4个方向上的Padding填充框中都填写一个较大的数值(如下方右图所示)。
左侧段落设置的是布局中Padding左侧距离,右侧段落设置的是布局中Padding上下左右4个方向上的距离。