Question

我在DockLayoutPanel中有两个标签，两个日期选择器和一个提交按钮。我正试图让按钮显示在面板的中央。

这是我试图让按钮居中的代码：

    Button b = new Button("Submit", new ClickListener()
    {
        public void onClick(Widget sender)
        {
            getAwards(text.getText(),text2.getText());
        }
    });
    b.setWidth("80px");
    b.addStyleName("gwt-Button");

在我的CSS中：

.gwt-Button{
margin-left:auto;
margin-right:auto;
}

我必须采取哪些编辑或方法来实现这一点？

编辑：有关额外信息，此按钮将添加到DockLayoutPanel

Answer 1

尝试：

.gwt-Button{
position:absolute;
left:50%;
margin-left: -40px; /* Width Button /2 */
}

Answer 2

尝试在gwt.xml文件中禁用加载您正在使用的任何默认GWT主题（例如clean），因为您使用的是相同的类名，所以可能会搞乱。

或者，只需在此处使用“gwt-Button”以外的CSS类名称。

GWT如何使用CSS在Panel中布局小部件

2 个答案: