更灵活、更智能的拖拽设计体验！

来自上线君的友情提示：2021 年已不足 300 天！

今天，你在为自己的理想继续努力着吗？

今天，上线君又带着新功能来啦~

上周，「上线了sxl.cn」特意整理了 3 个用户案例来展示我们最新的自定义版块。不过也有小伙伴开始犯愁了：使用拖拽式编辑，如果自主设计的功力不够，是不是就没法达到那种效果了？

不用害怕，为了让大家使用到更加智能简单的自主设计体验，我们特地为拖拽式编辑模式推出了版块高度和宽度设定的功能。

开放范围：网站编辑器

该功能现已上线，你可以在拖拽模式中调整各个版块的高度、宽度，以及内容的左右对齐、垂直对齐等布局方式。在保持灵活定制的同时，也为大家降低了操作难度。

接下来，上线君以两组直观的 GIF 动图，为大家展示一下这个功能究竟是干什么的。

版块宽度调整：

简单来说，就是大家对于版块内容整体宽度的要求。由于网站需求和审美标准不一致，即便是有拖拽式编辑，大家还是会觉得缺点意思。因此我们针对版块的宽度，做了小、正常、全幅、全屏四种预设布局，供大家自由选择。

对于偏好“两端缩进”的朋友们，版块宽度的部分可以选择“小”或者“正常”，如下图：

**如果你喜欢“满屏体验”的内容布局，**版块宽度的部分可以选择“全幅（默认）”或是全屏，如下图：

来一组 GIF 演示图给大家看看吧！可视化操作就是这么直观！

版块高度调整：

版块高度调整就更好理解啦，也就是各版块之间的边距。讲真，上线君在制作「上线了」2020年度报告时，使用的就是拖拽式编辑模式。当时，上线君就发现版块之间的高度无法调整，这对于有强迫症的小伙伴来说，似乎不是很友好。实际上，我们只是留了一手！这次更是一口气为大家预设了 5 种高度布局。小伙伴们再也不用担心版块之间空隙过大或过小而带来的尴尬啦~因为可以自由调节。

如果网站内容关联性高，排版一般会比较紧凑，以确保访客可以连贯地浏览内容。因此，这时候网站的版块边距建议调整到“最小”。举个栗子：

调整前：间距过宽，布局松散，内容脱离感强。