当前位置：文江博客话题详情

在 GWT 中心显示 rootPanel

发布于 2024-08-27 08:13:14 字数 104 浏览 9 评论 0原文

我正在使用 Google Web 工具包开发一个小型登录页面。我正在使用 GWT 设计器。我的问题是 rootPanel 没有显示在中心，而是显示在浏览器的左上角。我怎样才能把它放在页面的中央？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

断桥再见 2024-09-03 08:13:14

为此，您根本不需要 GWT，而只需要 CSS/HTML。

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

You don't need GWT at all for this, but rather just CSS/HTML.

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

回复收藏 0 原文

大姐，你呐 2024-09-03 08:13:14

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

您想要的是向 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);

You cannot display the RootPanel in the center of the screen since the RootPanel is the <body> of the document itself, it has no position.

What you want is to add a base panel to the RootPanel which will be centered horizontally. That new panel (suppose a FlowPanel) will hold all other widgets, and that panel can have a position, which means it can be centered.

Something along these lines should do:

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

回复收藏 0 原文