如何在香草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%; 

希望这可以帮助别人谁可能跨越此线绊倒。