佈局列中的水平對齊

它是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

佈局列中的水平對齊

回答

相關問題