Javascript 如何使容器中的多个组件继承容器'；计算宽度是多少？

按钮动态添加到

vbox

tabs容器中，该容器是

hbox

布局设置的一部分。选项卡容器的宽度由

flex

属性决定

我尝试过设置每个按钮的

宽度：“100%”

，但查看后，我发现

宽度

采用一个表示像素的整数值。我尝试过在

样式中设置宽度，但我只成功地将按钮的宽度设置为屏幕的宽度

如果您正在寻找
stretchmax
选项，请提供帮助并解释底层CSS概念，我们将不胜感激

var locationCameraList=[];

Ext.application({
    name : 'Fiddle',

    launch : function() {

        var buttonArr = [];

        for (i = 0; i < locationCameraList.length; ++i) {
            var tabName = locationCameraList[i].location, 
                index = i;
            var tab = {
                xtype: 'button',
                cls: 'tab'+index,
                text: tabName,
                scale: 'medium'

            };
            buttonArr.push(tab);
            console.log(i)
        }

        var forms = {
            xtype: 'container',
            flex: 4,
            layout: 'fit',
            align: 'stretch',
            html: 'zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz'
        };

        Ext.create('Ext.window.Window', {
            title: 'Foo',
            layout: 'hbox',
            items:[{
                xtype: 'container',
                items: buttonArr,
                flex: 1,
                layout: {
                    type: 'vbox',
                    align: 'stretchmax'
                },
                autoScroll: true,
                height: 200
            }, forms]
        }).show();
    }
});

var locationCameraList=[]；
外部应用程序({
名字：“小提琴”，
启动：函数（）{
var buttonar=[]；
对于（i=0；i
是否尝试使用
width:inherit
？@PHPglue
宽度：inherit
出于某种原因使按钮变得巨大。可能是从文档本身继承的？我已相应地更新了小提琴，并注释掉了我的尝试设置父项的宽度。@PHPglue父项的宽度取决于子项的宽度。。。也就是说，我要添加到容器中的最宽按钮的宽度。那么您希望每个按钮都延伸到最大按钮的宽度吗？谢谢！这么简单的回答！