如何將GWT應用程序與中心對齊？

我有一個可伸縮的html5 canvas元素，可以將flextable添加到rootpanel。我想對齊應用程序，以便它在垂直和水平方向上顯示在頁面的中心。目前它顯示在左上角。我搜索谷歌，並嘗試與畫布元素風格混亂，但是這似乎沒有改變任何東西。如果別的東西更有意義，我不會使用Flex表。我確實用它來顯示另一個單元中的每秒幀數。如何將GWT應用程序與中心對齊？

Document document = Document.get(); 
Canvas canvasElement = (Canvas) document.getElementById("canvas"); 
final MyFocusWidget webGLCanvas = new MyFocusWidget((Element) canvasElement); 
flexT.setWidget(0, 0, webGLCanvas); 
RootPanel.get("flexTable").add(flexT);

來源

2011-07-06 Xavier

（無關你的問題），請問該行帆布canvasElement =（畫布）的document.getElementById（「畫布」）;工作？它爲我返回一個錯誤，說它不能將元素投射到畫布上。 – Danish94

看起來你在你的html文件中有一個叫做flexTable的div。我的風格，DIV是這樣的：

<div id="flexTable" style="top: 50%; left: 50%;"></div>

來源

2011-07-06 16:57:18

我在Chrome中試過它，但它對我無效。 – Xavier

嘗試在您的html中將''的寬度和高度設置爲100％ –

top：50％+ left：僅當'flextable'的位置設置爲'static'以外的任何值時，50％，'絕對'或'固定'）。 –

如何將GWT應用程序與中心對齊？

回答

相關問題