Comment faire pour centrer une application gwt dans le milieu de la page

Je suis en train de le centre d'une application gwt dans le milieu de la page,j'ai essayé le suivant.

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

        }

J'ai un .centre dans ma feuille de style dans le gwt application qui est la suivante.

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

Mais cela ne semble pas fonctionner.

  • Juste pour être sûr. container est un id et center une classe, ce qui signifie qu'il doit être .center dans la feuille de style....
  • Oui dans le gwt feuille de style que j'ai .centre de.Oublier conteneur, il n'est pas plus utilisé.Je devrais mettre à jour mon code ci-dessus que je vais faire maintenant.
InformationsquelleAutor james | 2010-12-08
  1. 4

    Vous pouvez probablement essayer;

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

    }
    • Avec cette méthode, vous mettez votre application de la partie principale du centre. Et autres widgets remplacé, vient au centre, sans donner plus de style.
    • Cela a fonctionné.Merci!
    InformationsquelleAutor Yusuf K.
  2. 0

    passer par ce lien

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

    vous pouvez atteindre facilement

    • public void onModuleLoad() { RootPanel rootPanel = RootPanel.get(); Image image = new Image("images/conseil.png"); FlowPanel fp = new FlowPanel(); fp.ajouter(image); fp.setStyleName("center"); rootPanel.ajouter(fp); }///NOUVEAU CODE
    • pouvez-vous ajouter ce code à votre question principale , de sorte qu'il sera facile à lire
    • une chose est sûre je l'ai ajouté
    • si vous le centre le conteneur qui doit prendre soin de droite...
    InformationsquelleAutor kobe
  3. 0

    juste ajouter ceci dans votre fichier css

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

    .centre{
    margin: 0px auto;
    width: 480px;
    text-align:left;
    }

    InformationsquelleAutor Xi CHEN