Question

我尝试添加样式：float：右边的按钮，但它不起作用。

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方法，如果这是造成问题的原因。非常感谢。

Answer 1

在myapp.cards.home对象中，您的布局设置为align:"center"。

Answer 2

我已成功使用

创建浮动按钮

    floating:true

配置按钮。这是一个私人会员，所以我仍然在寻找正式的方式。

Answer 3

这应该有效::

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

或者您可以在工具栏中添加spacer，或者如果您stretch元素，则添加另一个hbox元素并flex占用你不需要的空间

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

3 个答案: