gwt 面板水平对齐不起作用

Question

我有一个 GWT 对话框，如下所示:

public class FooDialog extends DialogBox {

public FooDialog() {
        setText("Foo Dialog");
        VerticalPanel outer = new VerticalPanel();
        outer.setBorderWidth(3);
        outer.setSize("400px", "200px");
        outer.setHorizontalAlignment(HasAlignment.ALIGN_CENTER);
        outer.setVerticalAlignment(HasAlignment.ALIGN_MIDDLE);

        Button cancelButton = new Button("Cancel", new ClickHandler() {
      public void onClick(ClickEvent event) {
        hide();
      }
    });

        HorizontalPanel buttons = new HorizontalPanel();
        buttons.setBorderWidth(3);
        buttons.add(cancelButton);

        outer.add(buttons);

        setWidget(outer);
    }
}

出于某种原因，“按钮”面板不遵守水平对齐设置；它粘在外板的左侧。但是，它确实遵守vertialAlignment 设置。有任何想法吗？谢谢!

Answer 1

表格不尊重父级的水平对齐属性。相反，将子表的左右边距设置为“自动”。

button.getElement().getStyle().setProperty("marginLeft", "auto");
button.getElement().getStyle().setProperty("marginRight", "auto");

更多信息:Center a table with CSS