[]
在活字格中，弹性布局是单元格类型， 是一种布局单元格，用于在容器中按行或列排列元素，提供了对齐和分配空间的功能。通过容器与子元素的配合，让布局变得非常灵活，尤其适合构建动态和响应式设计。
下面是一个简单的列表页面，在表格的上方会有一个操作栏，示例图中左侧有2个操作，新建和导入。在很多的场景中，新建或者导入按钮通常会根据业务场景，动态控制显示或者不显示。
在设计器中，使用格子先做一个简易版本的功能，如下图。
在第2行放2个按钮：新建和导入
再放一个表格，绑定数据表
浏览器中运行显示的结果：
在设计器中，将新建按钮设置为不可见（简单的，直接把勾选按钮的不可见，在此不做复杂的业务场景去设置按钮的不可见，这里只是为了展示布局的效果），运行查看效果。
这个典型的场景，是运行时需要动态显示隐藏元素的场景，格子布局是绝对定位的布局，隐藏格子之后，其他元素并不会受影响。
依旧使用上面的示例场景，如下图，当元素的大小以及元素间距变动时，行和列上的元素都会受到影响。
新建或者导入按钮，大小改变时，需要调整列宽，这会影响表格的列的列宽。
同样的，当想设置表格中集合编号或者集合名称列的列宽时，也相应的会导致2个按钮的大小变化。
上面的场景就是页面上元素布局上的隔离问题，因为所有元素都是共享行和列，只要调整行和列，将会导致行和列上的所有内容都会受到影响。
使用弹性布局单元格解决上面的典型问题，同时也是灵活的响应式布局方式。按以下步骤，重新进行配置。
1. 在第2行上，选择一处区域，比如A2:K2区域，拖拽弹性布局到此区域。
2. 拖拽按钮到弹性布局中，按钮文本为新建。
3. 拖拽按钮到弹性布局中，按钮文本为导入，样式可以选择次要按钮的样式。
如下图，弹性布局下的2个按钮就呈现出来了，使用默认的容器属性设置就可以。
运行，可以看到结果。
下面，我们验证一下上面出现的2个场景结果。
在设计器中，选择新建按钮，勾选不可见。
运行之后，查看结果，可以看到新建按钮不可见之后，导入按钮的位置移到了新建按钮位置。
这就是动态元素在弹性布局中的效果，当布局中的元素显示或者隐藏之后，其他元素会根据容器的布局，自动调整。
新建和导入按钮的间距太小，想加大一些，比如16px，选择弹性布局，在属性面板中，有2个属性，行间距和列间距。下图示例中，新建和导入按钮，是从左到右水平排列成一行，2个按钮之间，就是列间距，设置列间距为16即可。
设置列间距为16px之后，2个按钮之间的间距就变成了16px。
通过上面2个验证场景，可以看出来弹性布局的优势，适合动态元素以及响应式的布局。弹性布局可以配置更多灵活的功能。后面章节详细介绍弹性布局的功能，请认真学习，后面界面的搭建，几乎就是格子和弹性布局的灵活搭配，才能快速完成一个响应式并且维护性良好的页面。
