Layout 布局栏中的水平对齐

是ExtJS4。 一个简单的问题， 如何对齐布局列中的项目

                    layout:'column',
                    border: false,
                    items:
                    [
                    {
                        columnWidth:.5,
                        xtype: 'label',
                        text: 'item 1'
                    },
                    {
                        columnWidth: .5,
                        xtype: 'label',
                        text: 'item 2'
                    }
                    ]

我只需要将“项目1”向右对齐，将“项目2”向左对齐即可。所以，他们将在中心见面。 仅仅使用“align:right”是行不通的。 有什么建议吗？

试试这个：

Ext.onReady(function() {
    Ext.create('Ext.panel.Panel', {
        renderTo: document.body,
        width: 200,
        height: 200,
        layout: 'column',
        items: [{
            columnWidth: 0.5,
            xtype: 'label',
            text: 'item 1',
            style: 'text-align: right;'
        }, {
            columnWidth: 0.5,
            xtype: 'label',
            text: 'item 2'
        }]
    });
});

试试这个：

Ext.onReady(function() {
    Ext.create('Ext.panel.Panel', {
        renderTo: document.body,
        width: 200,
        height: 200,
        layout: 'column',
        items: [{
            columnWidth: 0.5,
            xtype: 'label',
            text: 'item 1',
            style: 'text-align: right;'
        }, {
            columnWidth: 0.5,
            xtype: 'label',
            text: 'item 2'
        }]
    });
});

---

以下是Sencha docs的报价：

---

注意：在大多数情况下，在字段组件本身中使用

字段标签

和相关的配置属性（

Ext.form.Labelable.labelAlign

，

Ext.form.Labelable.labelWidth

）更合适，因为这样可以在整个表单中统一调整标签的大小

Ext.form.Label

仅在无法使用标准字段布局实现布局时使用。

以下是Sencha docs的引用：

---

注意：在大多数情况下，在字段组件本身中使用

字段标签

和相关的配置属性（

Ext.form.Labelable.labelAlign

，

Ext.form.Labelable.labelWidth

）更合适，因为这样可以在整个表单中统一调整标签的大小

Ext.form.Label

仅在无法使用标准字段布局实现布局时使用。

非文本元素如何？如果我想对齐一个网格面板呢？如果这些是组合框呢？相同的面板和布局非文本元素呢？如果我想对齐一个网格面板呢？如果这些是组合框呢？相同的面板和布局其他元素呢？如果我想对齐网格面板呢？居中，右，任意位置。OP询问如何对齐列中的项目，您给出的答案仅适用于标签。假设我想在柱中放置一个网格面板，并将其对齐中心；我该怎么做？OP问到对齐问题，我说使用标签不是一个好主意。创建一个新问题，更详细地描述您试图实现的目标。其他元素呢？如果我想对齐网格面板呢？居中，右，任意位置。OP询问如何对齐列中的项目，您给出的答案仅适用于标签。假设我想在柱中放置一个网格面板，并将其对齐中心；我该怎么做？OP问到对齐问题，我说使用标签不是一个好主意。创建一个新问题，更详细地描述您试图实现的目标