Question

我正在使用Google Web工具包开发一个小型登录页面。我正在使用GWT Designer。我的问题是rootPanel没有显示在中心，而是显示在浏览器的左上角。如何将它放在页面的中心？

Answer 1

你根本不需要GWT，而只需要CSS / HTML。

<body>
  <div id="root" style="width: 100px; margin: auto;">
</body>

Answer 2

您无法在屏幕中央显示RootPanel，因为RootPanel是文档本身的<body>，没有位置。 < / p>

您想要的是将基准面板添加到水平居中的RootPanel。该新面板（假设FlowPanel）将包含所有其他小部件，该面板可以有一个位置，这意味着它可以居中。

这些方面应该做的事情：

RootPanel rp = RootPanel.get();
FlowPanel fp = new FlowPanel();

fp.add(allYourWidgets);
fp.addStyleName('center'); // where center is a css rule with "margin: auto;"

rp.add(fp);

Answer 3

RootPanel获取对最终必须添加所有应用程序小部件的面板的引用。（RootPanel在浏览器中返回对文档正文的引用。）您通常会将应用程序的起点注入HTML页面。您可以使用RootPanel类的get（）方法来完成此操作。

在中心GWT显示rootPanel

3 个答案: