Javascript 点击按钮对齐方式改变-extjs

有3个分区，每个分区都有一个面板。最初，仅显示两个面板，另一个面板隐藏。单击其中一个面板中的“更新”，这两个div将隐藏，第三个div将显示。
第三个面板中有一组按钮。下面是它的代码

buttons: [{
        xtype: 'checkbox', id:'usapCheck', boxLabel: 'I Accept', allowBlank: false, margin: '1 1 4 230'
 },{
        buttonAlign: 'right',margin:'0 0 0 3.6',text: 'Save',width: '30',iconCls: 'save',
        handler: function() {
            //code to save form details
        }
    },{
            buttonAlign: 'right',margin:'1 1 0 3.6',text: 'Clear',width: '30',iconCls: 'clear',
        handler: function() {
            //code to clear the fields
        }
    },{
        buttonAlign: 'right',margin:'1 1 1 1.6',text: 'Back',width: '30',iconCls: 'back',
        handler: function() {
            //code to hide this div and show other divs.
        }
    }]

单击“上一步”按钮时，第三个面板将隐藏，并在同一个js中显示其他两个网格。但当我再次单击“更新”按钮以显示第三个面板时，这些按钮的对齐方式会发生变化。
因此，在隐藏和显示面板时，对齐方式会以一种奇怪的方式发生变化。

---

我完全迷路了，没有任何线索。有人能帮我吗？

我想：

您不应该在那里使用

buttonAlign:'right'

，您的

width

被设置为所有按钮的字符串，使用ExtJS，当您将

width

值指定为字符串时，它的工作方式与CSS值类似，因此您必须选择：

width: 30 // 30 pixels
// or
width: '30px' // 30 pixels

---

纠正这一点，您的按钮就不会看起来乱七八糟了。

+1。谢谢，我删除了buttonAlign属性，它在Mozilla中工作正常，但在IE中没有。在IE中，

I Accept

用两行书写，即文本换行，按钮对齐也受到阻碍。我将

按钮

更改为

bbar

，并在Mozilla和IE中工作。无论如何，感谢您的帮助。我真蠢，竟然试按钮。但看看这把小提琴：。删除宽度值周围的引号并删除buttonAlign使其工作得非常完美。感谢您的帮助，非常感谢。实际上，bbar看起来比按钮更好。因此，我决定使用bbar作为将来的参考，按钮配置与添加带有

ui:footer

的工具栏和带有

flex:1

的组件是一样的。您可以在这里的文档中看到：我将

按钮更改为
bbar
，并在mozilla和IE中工作。无论如何，感谢您的帮助。我真蠢，竟然用纽扣试试。