列和hBox布局之间的区别

Question

据我所知， extJS 中的 hBox 布局似乎有点多余。

这种布局会使第一个元素为25％，第二个元素为75％

layout: {
    type: 'hbox'
    align : 'stretch',
    pack  : 'start',
},
items: [
    {html:'a', flex:1},
    {html:'b', flex:3}
]

但我可以像这样使用列布局轻松地做到这一点：

layout:'column',
items: [
{html: 'a', columnWidth: .25},
{html: 'b',columnWidth: .75}
]

hbox 布局的目的是什么？

Answer 1

hbox 布局有更多配置。但列布局的配置较少  和列布局继承自 Ext.layout.container.Auto

hbox布局还有其他配置，比如

1. 柔性
2. 对准
3. 包
4. 填充 5 ...