响站后台页面设置布局的Margin与Padding介绍

　　在内容编辑区选中模块后，可在右侧样式面板 > 默认 > 布局下方看到Margin 和 Padding设置项。Margin是位于布局外侧的4个填充框，Padding是位于布局内侧的4个填充框。上下左右4各填充框分别用于调整当前模块在上下左右4个方向上与其他模块之间的距离。

　　Margin

　　Margin 是用来设置当前模块或布局与周围其他模块或布局之间的距离。例如，当前您选中的是图片模块，在图片模块右侧有一个段落模块。如果您想让图片模块和右侧的段落模块之间的距离增大，您可以在布局中右侧的Margin填充框中填入一个较大的数值(如下图所示)。　　

　　调整距离之前的效果

　　调整距离之后的效果

　　Padding

　　Padding 是用来设置当前模块或布局与它内部内容之间的距离。这里的内部内容可能是布局、也可能是模块，还可能是模块本身(段落模块的内部内容就是它边框内的文字)。例如，如果您想让段落模块内部的文字和段落模块的边框之间的距离增大，您可以在段落模块布局上下左右任意一个方向上的Padding填充框中填写一个较大的数值(如下方左图所示)。您也可以在段落模块布局上下左右4个方向上的Padding填充框中都填写一个较大的数值(如下方右图所示)。　　

　　左侧段落设置的是布局中Padding左侧距离，右侧段落设置的是布局中Padding上下左右4个方向上的距离。