如何在extjs中对齐分段按钮？

Ext.create('Ext.container.Container', {
    renderTo: Ext.getBody(),
    layout: 'hbox', // 使用HBox布局
    items: [{
        xtype: 'button',
        text: '按钮1',
        cls: 'align-left' // 自定义CSS类，用于左对齐
    }, {
        xtype: 'button',
        text: '按钮2',
        cls: 'align-center' // 自定义CSS类，用于居中对齐
    }, {
        xtype: 'button',
        text: '按钮3',
        cls: 'align-right' // 自定义CSS类，用于右对齐
    }]
});

.align-left {
    float: left;
}

.align-center {
    margin: 0 auto;
}

.align-right {
    float: right;
}