将水平面板设置为MGWT布局面板正好居中而不考虑设备宽度

时间:2013-09-25 06:57:09

标签: gwt alignment mgwt

我正在使用mgwt开发一个应用程序。我有一个水平面板,添加了两个mgwt按钮。 MGWT的布局面板是父(即;返回layoutPanel的asWidget())。现在我想做 我的hPanel正好位于布局面板的中心位置。我不想再读取设备宽度和使用边距了。我想通过样式来完成这个。我已完成如下。但没有成功。 我目前的结果是,hPanleButtons显示在窗口的左侧但不在中心。

    DOM.setStyleAttribute(hPanelButtons.getElement(), "cssAlign", "center");
    DOM.setStyleAttribute(hPanelButtons.getElement(), "styleAlign", "center");
    DOM.setStyleAttribute(layoutPanel.getElement(), "cssAlign", "center");
    DOM.setStyleAttribute(layoutPanel.getElement(), "styleAlign", "center"); 
hPanelButtons.getElement().setAttribute("style", "align:center");

我尝试单独使用以上所有但没有用。请帮帮我。 提前致谢。

1 个答案:

答案 0 :(得分:0)

最后我实现了我的目标。我发布了答案,以便对面临同样要求的人有用。我使用DOM样式属性来做这件事。这是我的代码:

DOM.setStyleAttribute(hPanelButtons.getElement(), "marginLeft", "auto");
DOM.setStyleAttribute(hPanelButtons.getElement(), "marginRight", "auto");
DOM.setStyleAttribute(hPanelButtons.getElement(), "marginTop", "auto");
DOM.setStyleAttribute(hPanelButtons.getElement(), "marginBottom", "auto");

工作正常。