flex 配置項不是設(shè)置在布局上，而是設(shè)置在子項的配置項。每個子項相對的 flex 值都會與全體子項 flex 累加的值相比較，根據(jù)此結(jié)果，處理每個子項的 flex 最后是多少。若不設(shè)置子項的 flex，表示不對子項作自適應(yīng)尺寸的處理，相當(dāng)于 flex = 0 的子項或 flex = undefined 的時候，表示子項不會自伸縮處理，而采用最初的尺寸。
重慶分公司
重慶分公司
{
layoutConfig: {
padding:'5',
align:'top'
},
defaults:{margins:'0 5 0 0'},
items:[{
xtype:'button',
text:'Button 1',
flex:1
},{
xtype:'button',
text:'Button 2',
flex:1
},{
xtype:'button',
text:'Button 3',
flex:1
},{
xtype:'button',
text:'Button 4',
flex:3,
margins:'0'
}]
}
當(dāng)然我們可以 Vbox 布局中內(nèi)嵌 hbox 布局，或者 hbox 中內(nèi)嵌 vbox，HBox 和 VBox 之間是可以允許嵌套布局的，但實際不必如此手動去做， Ext 為我們提供了“對齊 align/pack”的這一對方向各異的調(diào)整配置，
代替了上述“內(nèi)嵌”的這一種稍微讓人感覺別扭。容器中每一個子項都遵循用戶指定的 align/pack 對齊方式。一般設(shè)置的地方是在容器的 layoutConfig 配置項對象中，如下面某一個容器的代碼片斷：
對于垂直布局的 VBox 而言，屬性 align 就是水平對齊的設(shè)置了，align 有以下可選項：
鍵值 作用
left 居左，從容器的 left開始水平對齊。這是系統(tǒng)默認的選項。
center 居中，從容器的mid-width開始垂直對齊。
stretcn 拉伸子項以填充容器的水平寬度。
stretcnmax 拿最寬的那個子項拉伸，適應(yīng)容器的水平寬度。
屬性pack是控制容器里面的子項是如何?？康?，這是垂直方向本身的對齊。有如以下設(shè)置：
鍵值 作用
start 居頂，從容器的top?？孔禹?。這是系統(tǒng)默認的選項。
center 居中，也就是子項都從容器的mid-height上開始?？?。
end 居底，從容器的底部邊邊開始往上擺子組件。
對于水平布局的HBox而言，align就是決定如何垂直對齊，align的可選項有如下：
鍵值 作用
top 頂部對齊，從容器的top開始垂直對齊。
middle 居中對齊，從容器的middle開始垂直對齊。
stretch 拉伸子項以填充容器的垂直高度。
stretchmax 拿高的那個子項拉伸，適應(yīng)容器的垂直高度。
pack的可選項有以下幾種：
鍵值 作用
start 居左，從左邊開始排列內(nèi)容。
center 居中，也就是從容器的mid-width開始?？績?nèi)容。
end 居右，從容器的右邊開始?？績?nèi)容。
BoxLayout 可設(shè)置外邊距（margins）。關(guān)于 defaultMargins，就是如果不制定每個子項的 margins 屬性，那么就會使用默認的 margins。
默認為 {top:0, right:0, bottom:0, left:0} 。margin 屬性接納的格式也可以是字符串的，規(guī)定為空格隔開，數(shù)字類型的 margin 值。各個方向的排列順序為 CSS 的順序：
如果只是一個值，就是各個方向都是這個值。
如果有兩個值，那么第一個值代表是上下方向的值，第二值則是左右方向的值。
如果有三個值，第一個值是頂部的值，第二個值是左右兩邊的值，第三個值是底部的值。
如果有四個值，分別代表就是頂部、右邊、底部和左邊的值（為方便記憶，可理解為順時針方向）。
BoxLayout 可設(shè)置內(nèi)邊距（padding）。跟 defaultMargins 差不多，padding 屬性接納的格式也可以是字符串的，其格式規(guī)定為空格隔開，數(shù)字類型的 margin 值。各個方向的排列順序為 CSS 的順序。
