ExtJS4学习笔记之HBox的使用

要使用HBox布局方式，首先的熟悉下一下几个主要属性：

一、align：字符类型，指示组件在容器内的对齐方式。有如下几种属性。

??? 1、top（默认）：排列于容器顶端。

??? 2、middle：垂直居中排列于容器中。

??? 3、stretch：垂直排列且拉伸义填补容器高度

??? 4、stretchmax:垂直拉伸，并且组件以最高高度的组件为准。

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

三、pack : 字符类型，指示组件在容器的位置，有如下几种属性。

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

??? 2、center：组件在容器中间

??? 3、end：组件在容器的右边

实例代码：

一、HTML代码：