如何将此按钮对齐屏幕右侧？

我试着添加样式：浮动：右按钮，但它不工作。如何将此按钮对齐屏幕右侧？

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

如何将此按钮对齐屏幕右侧？

回答

相关问题