我试图将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);
}
我在gwt应用程序中的样式表中有一个.center,具有以下内容.
.center{
margin: 0px auto;
width: 480px;
}
但这似乎不起作用.
你或许可以尝试一下；
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>
模块加载；
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);
}