布局列中的水平对齐

它是EXT JS 4. 一个简单的问题，如何对齐布局列中的项目？布局列中的水平对齐

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

我只需要将'item 1'对齐到右边，'item 2'对齐左边。所以，他们会在中心见面。只使用'align：right'是行不通的。有什么建议吗？

来源

2012-04-24 Fari.Fairis

试试这个：

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' 
     }] 
    }); 
});

来源

2012-04-24 05:24:00

非文字元素呢？如果我想对齐网格面板怎么办？ – jwien001 2012-06-25 15:12:29

如果这些让我们说组合框呢？相同的面板和布局 – oneofakind 2015-05-04 00:37:32

这里是煎茶文档报价：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.Label

注意：在大多数情况下，这将是更适合使用fieldLabel和相关的配置属性（Ext.form.Labelable.labelAlign，Ext.form.Labelable.labelWidth等等），因为这允许标签在整个表格中的大小一致。 Ext.form.Label只能在使用标准字段布局无法实现布局时使用。

来源

2012-04-24 10:16:27 sha

其他元素呢？如果我想对齐网格面板怎么办？ – jwien001 2012-06-25 15:13:05

对齐网格在哪里？ – sha 2012-06-25 15:19:04

中心，在任何地方。 OP询问如何对齐列中的项目，并给出了仅适用于标签的答案。假设我想将一个网格面板放在一列中并将其对齐;我会怎么做？ – jwien001 2012-06-25 16:36:16

布局列中的水平对齐

回答

相关问题