【教程】HTMLPAGE如何插入图片

该教程将向你演示如何往HTMLPAGE编辑区域添加图片元素。

场景假设:需要添加一张图片,占一行,并且居中。插入位置如下图所示:

操作步骤

1. 新增布局行元素。打开基础组件,拖拽一行布局到页面对应位置,操作如下图:

2. 拖动图片元素到布局行元素内。操作如下图:

选择插入图片,点击右上角x关闭图片选择窗口:

3. 设置图片样式,大小、居中等。

开始设置前,单击图片,点击+新增一个class样式名称,方便单独为图片设置样式:

添加完class名称后(如图test-img),选中图片,往下拖拽改变图片大小:

插入图片默认居左,点右侧居中,可以设置图片在屏幕中间位置:

4. 完成设置。