【手机版】如何添加自由容器？

一、效果展示

自由容器模块内支持添加文本、图片、按钮三种模块，通过简单拖拽，可对文本、图片、按钮进行自由排列组合。通过自由容器模块，可实现丰富的展示效果，如下图。

二、如何添加自由容器模块？

2.1、登录您的凡科网帐号，进入【企业中心-凡科建站-手机版】中。

2.2、在需要添加自由容器的页面，点击页面左侧面板的“模块-新增模块-排版-自由容器”，即可添加自由容器模块至页面中。

2.3、按需求添加文本、图片、按钮模块至自由容器模块中，此处以添加文本和图片模块为例。

2.4、文本模块添加至自由容器中后，需要双击文本模块输入内容。输入文本后，支持编辑文本样式，包括字体、字号、颜色、加粗、斜体等等。

同理，图片模块添加至自由容器后，也需要点击图片模块，上传图片。支持点击“直接上传”，上传本地图片；也支持从“图片库”选择素材图片添加。

注：如果添加图片后，图片显示不全，可双击自由容器模块内的空白区域，在右侧弹出面板中，点击右下角“恢复默认”按钮，即可让图片在自由容器模块内完整显示。

2.5、添加了图片后，接下来调整图片的大小和位置。

鼠标移动到图片上，按住图片右上角（或任意一个角）的点进行拖动，即可调整图片的大小，通过这种方式可保持原图片的宽高比例。

拖动图片时，会出现自动参考线，方便对齐图片位置和大小。

注：自由容器内支持按住鼠标左键圈选多个图片（或文本、按钮）进行对齐、分布、复制、删除操作。

2.6、文本的大小和位置调整方法类似。

鼠标按住文本模块可进行拖动，调整位置。

鼠标双击文本模块，或是点击“编辑文本”按钮，可修改文本字号大小。

注：自由容器内支持按住鼠标左键圈选多个文本（或图片、按钮）进行对齐、分布、复制、删除操作。

2.7、最后，再调整一下图片和文字整体的位置，即可实现与教程开头类似的效果。