gwt bảng ngang liên kết không làm việc

Question

Tôi có một hộp thoại GWT trông giống như sau:

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

Đối với một số lý do 'bảng điều khiển nút' không tuân theo các thiết lập HorizontalAlignment; nó dính vào phía bên trái của bảng điều khiển bên ngoài. Tuy nhiên, nó tuân theo cài đặt vertialAlignment. Bất kỳ ý tưởng? Cảm ơn!

Answer 1

Bảng không tôn trọng thuộc tính căn chỉnh ngang của cha mẹ. Thay vào đó, đặt bên trái & lề phải của bảng con thành "tự động".

buttons.getElement(). GetStyle(). SetProperty ("marginLeft", "auto"); buttons.getElement(). GetStyle(). SetProperty ("marginRight", "tự động");

More Info: Center a table with CSS