定义:
Flexbox是CSS3引入的新的布局模式,也称为弹性布局,他会根据页面的剩余宽度自动分配空间。 它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它能够扩展和收缩 flex 容器内的元素, 以最大限度地填充可用空间。Flexbox布局最适合应用程序的组件和小规模的布局,而网格布局更适合那些更大规模的布局。Flex只能处理一个维度上的元素布局:一行或者一列
ArcFlex规则及配置:
1、增行
通过属性面板或选中快捷操作,快速增行。
2、增列
通过属性面板或选中快捷操作,快速增列。
3、行上加列
在多行中任意行可以加列。
4、列上加行
在多列中的任意列可以加行。
5、嵌套
允许相互嵌套
6、删除
选中可直接del
7、空间属性
可设置容器的内外边距
8、边框样式
可设置容器的边框及圆角半径
9、可设置容器的背景图片、颜色(属性过多、迭代进行)
10、预制模版(页面、组件)