使GWT垂直面板在缩小时保持居中

Question

我已将以下代码添加到VerticalPanel所有其他小部件附加到的application.html。它的行为与预期一致，并且所有内容都居中并与我的this.vPanel.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_CENTER); 文件中定义的HTML标题一致（为了给您提供参考）。

<input type="button" (click)="textBox=false">
<input type="text" placeholder="enter text" *ngIf="!textBox">

然而，当我在Chrome，Firefox和IE上缩小~120％以下时，我的HTML标题保持完全居中，但我的垂直面板向左移动，如下图所示（我必须涵盖专有信息）：

如何在任何缩放级别上与HTML标题一致？

Answer 1

我注意到GWT示例项目演示了我需要的行为，因此使用了在table文件中制作HTML application.html的方法

<table align="center">

然后我添加了一行

      <tr>
        <td id="vPanelContainer"></td>
      </tr>

然后从我的onModuleLoad方法调用RootPanel.get("vPanelContainer").add(GUI)，其中包含VerticalPanel

正如您所看到的，我是HTML的绝对初学者，但我还是想回答这个问题。