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

由于某种原因,"按钮"面板不遵循horizo​​ntalAlignment设置; 它粘在外板的左侧.但是,它确实遵循vertialAlignment设置.有任何想法吗？谢谢!

Answer 1

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

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

更多信息：使用 CSS 将表格居中