Cómo centrar una aplicación gwt en el medio de la página

Estoy tratando de centrar una aplicación gwt en el medio de la página, he intentado lo siguiente.Cómo centrar una aplicación gwt en el medio de la página

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); 

     }

Tengo un .center en mi hoja de estilos dentro de la aplicación gwt que tiene lo siguiente.

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

Pero esto parece no funcionar.

Fuente

2010-12-08 james

Solo para estar seguro. 'container' es una identificación y' center' una clase, lo que significa que debe ser '.center' en la hoja de estilos .... –

Sí en la hoja de estilo gwt tengo .center.Forget about container ya no se usa. Debería actualizar mi código arriba, lo cual haré ahora. – james

Probablemente se puede tratar;

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); 

    }

Fuente

2010-12-08 09:57:01

Con este método, coloca la parte principal de la aplicación en el centro. Y otros widgets reemplazados, llega al centro sin dar estilo. –

Esto funcionó. ¡Gracias! – james

ir a través de este enlace

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

se puede lograr fácilmente

Fuente

2010-12-08 05:38:26 kobe

public void onModuleLoad() { \t \t RootPanel rootPanel = RootPanel.get(); \t \t \t \t Imagen imagen = nueva Imagen ("images/board.png"); \t \t \t \t \t \t FlowPanel fp = new FlowPanel(); \t \t fp.add (imagen); \t \t fp.setStyleName ("center"); \t \t rootPanel.add (fp); \t \t \t} /// nuevo código – james

@ James se puede añadir este código a su pregunta principal, por lo que será fácil de leer – kobe

cosa segura he añadido – james

sólo tiene que añadir esto en su archivo css

body { margin: 0; relleno: 0; text-align: center; }

.center { margin: 0px auto; ancho: 480px; text-align: izquierda; }

Fuente

2010-12-16 01:25:53

Cómo centrar una aplicación gwt en el medio de la página

Respuesta

Cuestiones relacionadas