该教程将向你演示如何往HTMLPAGE编辑区域添加图片元素。
场景假设:需要添加一张图片,占一行,并且居中。插入位置如下图所示:
操作步骤
1. 新增布局行元素。打开基础组件,拖拽一行布局到页面对应位置,操作如下图:
2. 拖动图片元素到布局行元素内。操作如下图:
选择插入图片,点击右上角x关闭图片选择窗口:
3. 设置图片样式,大小、居中等。
开始设置前,单击图片,点击+新增一个class样式名称,方便单独为图片设置样式:
添加完class名称后(如图test-img),选中图片,往下拖拽改变图片大小:
插入图片默认居左,点右侧居中,可以设置图片在屏幕中间位置:
4. 完成设置。