如何在vanilla GWT中将窗口小部件置于屏幕中间？

Question

我希望将小部件置于浏览器窗口中间（水平和垂直）。我不希望拉伸窗口小部件来填充根窗格，也不希望使用弹出窗口。

有没有一种简单的方法可以实现？

谢谢，

Answer 1

您可以按照上面的答案所示以编程方式执行此操作，或者使用CSS。要以CSS方式执行此操作，请先将样式名称附加到窗口小部件：

panel.setStyleName("style")

并在您的应用程序CSS文件中执行以下操作：

.style {
    margin-left: auto;
    margin-right: auto;
}

这应该将窗口小部件置于窗口中心。

希望这有帮助！

Answer 2

很抱歉重新提出一个旧问题，但接受的答案并没有解决整个问题。 OP希望知道如何水平和垂直。

只需应用样式：

width: 300px; //or some other width
height: 300px; //or some other height
margin: auto;

到您的小部件并确保父小部件填满整个窗口。实现此目的的一种方法是将以下样式应用于父级（假设父级是顶级元素）：

height: 100%;
width: 100%;

希望这可以帮助那些可能偶然发现这个主题的人。