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

希望這可以幫助別人誰可能跨越此線絆倒。