如何在頁面中間居中gwt應用程序

我想在頁面中間居中放置一個gwt應用程序，我嘗試了以下方法。如何在頁面中間居中gwt應用程序

public void onModuleLoad() { 
      RootPanel rootPanel = RootPanel.get(); 

      Image image = new Image("images/board.png"); 


      FlowPanel fp = new FlowPanel(); 

      fp.add(image); 
      fp.setStyleName("center"); 
      rootPanel.add(fp); 

     }

我的樣式表中有一個.center，在gwt應用程序中具有以下內容。

.center{ 
    margin: 0px auto; 
    width: 480px; 
}

但這似乎不起作用。

來源

2010-12-08 james

只是可以肯定的。 `container`是一個id和`center`類，這意味着它應該是樣式表中的`.center` .... – 2010-12-08 08:38:02

是的，在gwt樣式表中我有.center.Forget關於它不再被使用的容器。我應該更新我現在要做的代碼。 – james 2010-12-08 16:36:19

你或許可以嘗試;

HTML;

<head> 
     <style type="text/css"> 
    div#container 
{ 
margin-left: auto; 
margin-right: auto; 
width:480px; 
} 
     </style> 

<script language="javascript" src="com.mycompany.project.TEST/com.mycompany.project.TEST.nocache.js"></script> 

</head> 

<body> 
<div id="container" align="center"> 


</div> 
</body>

onmoduleLoad;

public void onModuleLoad() { 
     RootPanel rootPanel = RootPanel.get("container"); 

     Image image = new Image("images/board.png"); 


     FlowPanel fp = new FlowPanel(); 

     fp.add(image); 
     fp.setStyleName("center"); 
     rootPanel.add(fp); 

    }

來源

2010-12-08 09:57:01

通過這個鏈接

http://phrogz.net/css/vertical-align/index.html

就可以實現輕鬆

來源

2010-12-08 05:38:26 kobe

public void onModuleLoad（）{ \t \t RootPanel rootPanel = RootPanel.get（）; \t \t \t \t Image image = new Image（「images/board.png」）; \t \t \t \t \t \t FlowPanel FP =新FlowPanel（）; \t \t fp.add（image）; \t \t fp.setStyleName（「center」）; \t \t rootPanel.add（fp）; \t \t \t} ///新規範 – james 2010-12-08 06:07:08

只是在你的CSS文件中添加此

體{ 保證金：0; 填充：0; text-align：center; }

.center { margin：0px auto; width：480px; text-align：left; }

來源

2010-12-16 01:25:53

如何在頁面中間居中gwt應用程序

回答

相關問題