java - GWT 如何使用 CSS 在面板中布局小部件

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.xml 文件中禁用您正在使用的任何默认 GWT 主题（例如 clean）的加载，这可能会造成混乱，因为您使用的是相同的类名。

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

Answer 2

尝试：

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