Css Extjs 5.1.1 can'；t修改布局中的填充或边距值：'；表'；

我在一个使用“talbe”作为布局的面板中添加了一些元素

xtype:'panel',
layout: {
    type: 'table',
    columns: 2,
}

在添加了一些东西之后，我注意到当我使用“填充”或“边距”时，“左”和“右”侧的距离都可以很容易地改变。 然而，无论我给出什么值，“顶部”和“底部”距离都不会改变

尝试了Sencha文档文件和其他一些谷歌资源中的内容，但都不起作用。我在下面列出了我使用的一些选项

//1
// margin: '20 0 50 0', // Top Right Bottom Left

//2
// padding: '20px 0px 50px 0px', // Top Right Bottom Left

//3
// style:'margin-top: 155px;',

//4
// style:'padding-top: 155px;',

这些都不管用。 除此之外，我还看到一些人说我们应该修改“tablettrs”和“tdAttrs”。我试过以上4个，还是一样的

因此，有两个问题：

我们是否还应该设置另一项功能以允许修改顶部和底部值

当试图更改同一容器内元素之间的距离时，首选哪种方法？空白还是空白

---

提前谢谢

请参见下面的示例。在这里，我在一个具有表布局的面板项目中使用了填充。它工作得很好。请尝试一下，让我知道结果

如果你也使用保证金，同样的结果也会出现。所以在这种情况下，任何东西都可以使用。但填充物通常是首选的

Ext.create('Ext.panel.Panel', {
        title: 'Table Layout',
        width: 300,
        layout: {
            type: 'table',
            columns: 2
        },

        items: [{
            xtype: 'component',
            html: 'Cell A content',
            cls: 'a',
            rowspan: 2,
            padding: '50 0 20 10'
        }, {
            xtype: 'component',
            html: 'Cell B content',
            cls: 'b',
            colspan: 2,
            margin: '50 0'
        }, {
            xtype: 'component',
            html: 'Cell C content',
            cls: 'c',
            padding: '50 0'
        }],
        renderTo: Ext.getBody()
    });

这是一把小提琴，显示了部件上的填充/边距：

---

对于单元B，它的上/下边缘为50px，您必须检查该组件才能看到这样的边缘，但边缘在那里。单元C具有50像素的顶部/底部填充。这是边距和填充之间的区别以及它对该组件的影响。感谢Mitchell的建议。

您只问了一个问题，您可以添加一个吗？代码不够，您应该始终提供我们可以运行的代码。顺便说一下，您应该使用CSS，而不是使用JavaScript设置填充。最简单的方法是给你的组件一个

cls

，并用它来设计CSS。嗨，非常感谢你的回复。我试过了，但还是像我上面描述的那样。”“左”和“右”的更改将非常有效，但无论我为北/上或南/下给出什么值。它只会停留在元素所在的位置（标签），Joe我已经编辑了上面的答案，添加了一个清晰的解释。请检查。嗨，非常感谢你的帮助，不幸的是它仍然不会改变。我把眼睛移到了其他地方，想看看是否有其他设置阻止我们修改这里的内容。请发布视图代码，以便我能提供帮助