Sencha touch 如何使用Sencha Touch左对齐标题栏中的标题文本

谁能告诉我如何将标题栏中的标题对齐设置为左对齐。 我目前正在尝试此功能，但不起作用：

var p = Ext.create('Ext.Panel', {
    items: [
    {
        xtype: 'toolbar',
        docked: 'top',
        title: 'my title',
        style: {
            'text-align':'left'
        }
    }   
    ]
}); 
Ext.Viewport.add(p);

第二次尝试： 现在无法使标题保持左侧，工具栏按钮保持右侧

var p = Ext.create('Ext.Panel', {
    items: [
    {
        xtype: 'toolbar',
        docked: 'top',
        layout: {
            pack: 'end'
        },
        title: {
            title: 'mytitle',
            style: {
                'text-align':'left'
            }
        },
        items: [
            {
                xtype: 'button',
                text: 'mybutton',
                align: 'right'
            }
        ]
    }   
    ]
}); 
Ext.Viewport.add(p);    

---

我相信它只是

对齐

而不是

文本对齐

，把它放在

样式

块之外，就在

标题

下

---

有关Ext.TitleBar的详细信息，您可以为Ext.TitleBar的项目提供左对齐或右对齐配置，该配置将它们停靠在工具栏的左或右。

您尝试将样式添加到工具栏中，而不是添加到标题元素中。这样做：

xtype: 'toolbar',
docked: 'top',
title: {
    title: 'my title',
    style: {
        'text-align':'left'
    }
}

---

看这个

谢谢，但这似乎不起作用。我把一颗纽扣装到了最后（右边）。但在iPhone上，中心标题会渗透到按钮中。因此，我们有理由希望这个头衔被左对齐。还有其他想法吗？嗯，你也可以试试

布局

块。如下所示：布局：{pack:'justify'，align:'left'}@Tikkes：您不能更改收费站的布局，因为它已停靠在顶部。这意味着所有内部项目都将粘贴到正文中并填充所有水平空间。（-webkit box flex:1）工具箱上的

文本对齐

样式不应该将标题放在左边吗？如果是这样的话？@Tikkes:为什么应该这样做？文本对齐可用于内联元素，但不能用于block@Tikkes：请参阅上面我的第二次编辑。我现在无法将按钮对准另一个方向…@Tikkes:我认为这不是问题所在。这取决于你想要得到什么样的结果。我不知道你的答案为什么不起作用。这应该是正确的做法。