概述
设置插件的外边距和内填充、宽度、最小宽度、最大宽度、高度、最小高度、最大高度和溢出方式。
使用
外边距和内填充都有上下左右四个方向可设置,单位可选择px或者百分比;
Margin(外边距)
Margin是用来设置当前模块或布局与周围其他模块或布局之间的距离。例如,当前您选中的是图片模块,在图片模块右侧有一个段落模块。如果您想让图片模块和右侧的段落模块之间的距离增大,您可以在布局中右侧的Margin填充框中填入一个较大的数值(如下图所示)。
调整距离之前的效果
调整距离之后的效果
Padding(内填充)
Padding是用来设置当前模块或布局与它内部内容之间的距离。这里的内部内容可能是布局、也可能是模块,还可能是模块本身(段落模块的内部内容就是它边框内的文字)。例如,如果您想让段落模块内部的文字和段落模块的边框之间的距离增大,您可以在段落模块布局上下左右任意一个方向上的Padding填充框中填写一个较大的数值(如下方左图所示)。您也可以在段落模块布局上下左右4个方向上的Padding填充框中都填写一个较大的数值(如下方右图所示)。
左侧段落设置的是布局中Padding左侧距离,右侧段落设置的是布局中Padding上下左右4个方向上的距离。
宽度、高度
插件默认会根据浏览器的大小自动相应宽度和高度,在布局的宽度设置中可设置固定宽度,或者设置最小宽度(浏览器再小插件的宽度也不会小于这个数值)、最大宽度(浏览器再大插件的宽度也不会大于这个宽度);高度、最小高度、最大高度和宽度同理。
注:固定宽高适用于按钮、小图标等宽度较小的元素;最大宽度在制作网站中最常用,常见的如设置布局行的最大宽度为1200px;最小宽高在制作网站中也经常见到,如给一行多列中的列设置同样的最小高度,使其高度对齐。
溢出
溢出的含义是当插件的大小小于其实际大小时,未能显示部分内容的显示方式,可设置显示、隐藏、滚动和自动四种方式。常见的如内容列表的标题在制作网站时通常显示一行的高度,超出部分使用溢出隐藏,使页面看起来整齐美观。