在中心顯示rootPanel GWT

我正在使用Google Web工具包開發一個小型登錄頁面。我正在使用GWT設計器。我的問題是rootPanel沒有顯示在瀏覽器的中心，而是在左上角。我怎樣才能把它放在頁面的中心？在中心顯示rootPanel GWT

2010-03-30 Krt_Malta

你根本不需要GWT，而只需要CSS/HTML。

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

來源

2010-03-30 23:09:21

nopes沒有工作:( – 2010-03-30 23:28:10

我的錯誤，你必須指定一個寬度，使其工作，這將只居中水平，而不是垂直 – 2010-03-30 23:31:36

在屏幕的中心，您不能顯示RootPanel因爲RootPanel是文件本身的<body>，它沒有位置。

你想要的是添加一個基礎面板到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);

來源

2010-03-30 23:36:12

RootPanels不一定是元素。一個在RootPanel.get（）中的ID，它將選擇任何具有該ID的元素作爲你的根面板。 – 2010-03-31 13:25:16

的RootPanel到達，其最終必須添加的所有應用程序窗口小部件面板的參考。（RootPanel在瀏覽器中返回文檔正文的引用。）通常將應用程序的起點插入HTML頁面。你可以通過使用RootPanel類的get（）方法來做到這一點。

來源

2012-06-18 17:33:04

歡迎來到SO，如果你可以請添加一些代碼示例來解釋你的解決方案。 – 2012-10-20 02:45:41

在中心顯示rootPanel GWT

回答

相關問題