Extjs 关于Vbox布局方式

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/m0_37822534/article/details/100661895

一、align：字符类型，指示组件在容器内的对齐方式。这个是基于容器的左上角来排列的。pack不同，pack是根据容器的最上边来显示的。

     1、left（默认）：排列于容器左侧。  

     2、center ：控件在容器水平居中。    

     3、stretch：控件横向拉伸至容器大小 。

     4、stretchmax:控件横向拉伸，宽度为最宽控件的宽。

二、flex:数字类型，指示组件在容器中的呈现方式，就是指示组件在容器中的相对宽度或高度。

     如果容器本身排列方式是水平的，那么组件会根据容器的宽度进行显示，单个组件，指定了flex属性值，不论是哪个数值都会充满容器宽度，如果有n个组件，那么就按照每个组件的宽度:

     d(i)=w(container)/sum(flex[i]1-n) * flex[i]， 即按照比例来显示宽度。竖直方向也类似。

三、pack : 字符类型，指示组件在容器的位置。pack是上边，中边，下边，跟excel表格里的文字对齐方式类似。

    1、start（默认）：组件在容器上边    

    2、center：组件在容器中间     

    3、end：组件在容器的下边