空白扩张缩放工具
使用场景
目前CodeFun在构建元素分组后，处理元素的内外边距时，部分元素的实际情况等可能会与预期存在一定的差异。例如元素的padding或者margin可能会存在不对称，时而紧贴父元素，时而紧贴子元素。因此，我们提供了一个调整元素盒子空白空间分配的工具，使其分配的内外边距更加合理。
使用说明
选中需要调整的DOM节点，此时该节点会默认增加8个调整按钮，包括4个向内收缩以及4个向外扩展的按钮，点击不同方向按钮，即可调整元素在该方向的内外边距。
案例
从下图可以发现，选中元素左边是紧贴其子元素，右边却是紧贴父元素。这个时候，理想情况是元素左右两边保持对称，同时紧贴父元素，或者同时紧贴子元素。
因此，可以做以下两种调整：
- 元素紧贴父元素：点击元素左边向外扩展按钮，使其紧贴父元素
- 元素紧贴子元素：点击元素右边向内收缩按钮，使其紧贴子元素
紧贴父元素效果如下（此处仅举例显示向左扩张）：
调整之后，即可发现该元素盒子左右两边紧贴父元素，同时左右内边距padding值相等，达到预期效果。
提示
- 无论怎样调整按钮，都不会改变页面其他样式，元素盒子边距样式除外
- 每次点击调整按钮时，并不会直接扩张到父元素边缘或者收缩到子元素边缘，而是分段，逐级扩张或收缩。即：
- 保持边距对称性
- 紧贴其父/子元素
- 当一个元素没有任何子元素时，无法使用该工具
- 当元素宽高处于以下情况时，该工具有3种展示状态：
- 元素宽高<=24px，默认不显示
- 24px<元素宽高<=36px,只显示扩张按钮
- 元素宽高>36px,同时显示扩张缩放按钮
