拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器

拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器

前言

guiplan是一款可视化网站制作软件,bootstrap可视化布局,vue可视化布局,支持前端自动生成代码,自动生成html代码,自动生成css代码,html动态交互,自动生成vue代码,支持后端数据库可视化配置,后端接口可视化配置并自动生成代码。

绝对定位

下拉框选择“绝对定位”
拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器
推拽内容块红色边框如下图
拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器
如拖拽左边红色边框,自动变化left的值
拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器
拖拽上红色边框自动变化top的值

高宽

下拉框选择宽高
拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器
拖拽红色边框
拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器
宽高则自动变化
拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器

边距

下拉框选择边距
拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器
拖拽红色边框
拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器
边距自动变化
拖拽高宽,拖拽绝对定位,推拽边距-guiplan免费html可视化编辑器
更多的操作见 guiplan官网.