如何將此按鈕對齊屏幕右側？

我試着添加樣式：浮動：右按鈕，但它不工作。如何將此按鈕對齊屏幕右側？

myapp.cards.home.add({ 
     xtype: 'button', 
     id: 'previmagebutton', 
     // text: 'p', 
     iconCls: 'arrow_left', 
     iconMask: true, 
     style: 'float: right' 

    }); 


    myapp.cards.home = new Ext.Panel({ 
     scroll: 'vertical', 
     id: "home-card", 
     layout:{ 
      type:"vbox", 
          align:"center" 

     }, 
     items: [header] 
    }); 

    myapp.mainPanel = new Ext.Panel({ 
     fullscreen: true, 
     layout: "card", 
     cardAnimation: 'slide', 
     items: [myapp.cards.home] 
    });

如果這是導致問題的原因，我必須使用add方法。非常感謝。

來源

2011-09-26 david watkins

在您的myapp.cards.home對象中，您的佈局設置爲align:"center"。

來源

2011-09-26 16:14:31 ilija139

嗨llya，那不幸。經過進一步的實驗，似乎無法在sencha touch或extjs中浮動按鈕，即使您創建了一個簡單的示例，如全屏面板，只需最少的配置，只需一個按鈕即可。絕對定位是唯一的方法，除非按鈕位於工具欄中，在這種情況下，您可以使用間隔器。如果你找到一種使用花車的方法，請讓我知道。謝謝。 –

我已經使用上的按鈕

floating:true

配置成功創造了一個浮動按鈕。這是一個私人成員，所以我仍然在尋找官方的方式。

來源

2012-06-24 23:07:36 shoren

這應該工作::

layout : { 
    type : 'vbox', 
    align : 'left' 
}

，或者你可以在工具欄上如果添加spacer，或者如果你stretch的元素，然後在其一側有flex佔據儘可能多的添加其他元素hbox你不需要的空間

來源

2013-05-16 14:23:40 SashaZd

如何將此按鈕對齊屏幕右側？

回答

相關問題