Form FormItem的水平、垂直间距控制

flex组件的属性很多,不会每一个组件的每一个属性都去研究一遍,在项目中对表单的布局有比较严格的要求,需要组件尽量紧凑,排列的时候使用到了以下几个重点属性

①Form

1.verticalGap:2;控制同一个Form中两个FormItem之间的垂直距离

 

②FormItem

 

1.direction="vertical|horizontal" 控制子项排布为垂直或水平

2.

verticalGap:垂直方向上各子项间的像素数目。默认值取决于组件类;

如果未覆盖类的默认值,则默认值为 6。

 

3.

horizontalGap:水平方向上各子项间的像素数目。默认值取决于组件类;
如果未覆盖类的默认值,则默认值为 8。
4.这个属性找得最辛苦,其控制FormItem的lable和子组件之间的间距
indicatorGap:表单项的标签和子组件之间的像素数目。 默认值为 14.

你可能感兴趣的:(flex)