在香草GWT中，我如何在屏幕中间排列一个小部件？ 我希望在浏览器窗口中间（水平和垂直）集中一个窗口小部件。我不希望拉伸小部件以填充根窗格，也不希望使用弹出窗口

有没有一个简单的方法可以做到这一点

---

谢谢，

您可以按照上面的答案以编程方式完成，也可以使用CSS。要使用CSS方式，请首先将样式名称附加到小部件：

panel.setStyleName("style")

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

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

这将使小部件在窗口中居中

---

希望这有帮助

很抱歉重新提出一个老问题，但公认的答案并不能解决整个问题。OP想知道如何水平和垂直居中

只需应用以下样式：

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

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

---

希望这能帮助那些偶然发现这条线索的人。

你指的是上面的哪个答案？我想做programmatically@diega请参阅我的答案，以编程方式执行此操作。

height: 100%;
width: 100%;