Ext.js:如何将header上的按钮左对齐？

Ext.create('Ext.panel.Panel', {
    title: 'Header Buttons',
    tbar: {
        layout: 'hbox',
        items: [
            {
                xtype: 'button',
                text: 'Button 1',
                align: 'left'
            },
            {
                xtype: 'button',
                text: 'Button 2',
                align: 'left'
            },
            {
                xtype: 'button',
                text: 'Button 3',
                align: 'left'
            }
        ]
    },
    renderTo: Ext.getBody()
});