J'essaie de centrer une application gwt au milieu de la page, j'ai essayé ce qui suit. J'ai un .center dans ma feuille de style dans l'application gwt qui a les éléments suivants.Comment centrer une application gwt au milieu de la page
.center{
margin: 0px auto;
width: 480px;
}
Mais cela ne semble pas fonctionner.
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 placez la partie principale de votre application au centre. Et d'autres widgets remplacés, vient au centre sans donner de style. –
Cela a fonctionné. Merci! – james
public void onModuleLoad() { \t \t RootPanel rootPanel = RootPanel.get(); \t \t \t \t Image image = nouvelle image ("images/board.png"); \t \t \t \t \t \t FlowPanel fp = new FlowPanel(); \t \t fp.add (image); \t \t fp.setStyleName ("center"); \t \t rootPanel.add (fp); \t \t \t} /// NOUVEAU CODE – james
pouvez-vous ajouter @ James ce code à votre question principale, de sorte qu'il sera facile à lire – kobe
chose que je l'ai ajouté – james
ajouter ceci dans votre fichier css
corps{ margin: 0; remplissage: 0; text-align: center; }
.center { marge: 0px auto; largeur: 480px; text-align: à gauche; }
Juste pour être sûr. 'container' est un id et' center' une classe, ce qui signifie qu'il devrait être '.center' dans la feuille de style .... –
Oui dans la feuille de style gwt j'ai .center.Oubliez le conteneur il n'est plus utilisé. Je devrais mettre à jour mon code au dessus de ce que je vais faire maintenant. – james