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

发布于 2024-12-06 17:10:11 字数 696 浏览 0 评论 0原文

我尝试将 style: float: right 添加到按钮，但它不起作用。

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 方法。非常感谢。

原文

I've tried adding style: float: right to the button but it isn't working.

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

I have to use the add method if that is what's causing the problem. Many thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

就是爱搞怪 2024-12-13 17:10:11

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

回复收藏 0 原文

苦妄 2024-12-13 17:10:11

我已经通过使用

    floating:true

按钮上的配置成功创建了一个浮动按钮。由于是私人会员，所以还在寻找官方的方式。

I've succeeded in creating a floating button by using

    floating:true

config on the button. It is a private member, so I'm still looking for an official way.

回复收藏 0 原文

风筝有风，海豚有海 2024-12-13 17:10:11

这应该可以工作::

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

或者您可以添加一个spacer（如果它在工具栏中），或者如果您拉伸元素，然后添加另一个hbox元素在其一侧有一个flex，它占据了您不需要的空间

This should work ::

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

or you can add a spacer if its in the toolbar, or if you stretch the element, then add another hbox element on its side with a flex that occupies as much space that you don't need

回复收藏 0 原文

~没有更多了~