取消编辑框内多张图片的间隔

当需要调整表单的字段间距和页面留白,优化视觉紧凑度时,可移除或调整间距。

插入多张图片时,图片之间会有间隔:

PC|表单|描述字段预览页面,显示两张图片上下排列,上方为铁路道口夕阳云彩风景插画,下方为红色邮筒插画,两张图片之间有明显白色间隔区域被红框标注,说明图片间距较大未做收紧处理

为了展示更加美观,可将图片之间的间隔取消。下面以「描述」字段编辑框为例,说明具体的操作步骤。

1. 插入第一张图片,点击「行内」图标。

PC|字段|在表单编辑页面点击左侧「描述」字段,进入富文本编辑器准备插入第一张图片

PC|字段|示例表单编辑页面,中间编辑区已插入一张风景图片,下方显示描述字段富文本编辑器,工具栏中「行内」按钮被红框标注鼠标悬停显示行内提示,右侧显示字段设置面板,顶部显示保存发布按钮

2. 插入第二张图片,再点击「行内」图标。点击右上角「保存」按钮,保存成功。

PC|字段|示例表单编辑页面,中间编辑区已插入两张图片上下排列,工具栏中「行内」按钮被红框标注鼠标悬停显示行内提示,两张图片之间间距明显变小视觉更紧凑,右侧显示字段设置面板,顶部显示保存发布按钮

PC|字段|示例表单编辑页面,中间编辑区已插入两张图片上下排列间距收紧,工具栏中行内按钮依然被选中,右上角「保存」按钮被红框标注提示用户可保存当前设置,右侧显示字段设置面板,顶部显示协作自动化保存发布按钮

3. 点击右上角「发布」按钮,可进入表单填写页面,会看到图片之间是没有缝隙的。

PC|表单发布|点击右上角「发布」按钮后弹出发布面板,复制链接或扫码进入填写页确认图片间距已消除

PC|表单|描述字段预览页面,标题显示「描述」,下方依次展示两张图片,第一张为铁路道口背景是夕阳下的云彩和湖泊,第二张为红色邮筒周围有绿色植物和阳光,图片排列整齐无明显间隔视觉紧凑