GWT - 如何将内容集中在ScrollPanel中

Question

我在ScrollPanel中有一个FormPanel。 ScrollPanel位于DockLayoutPanel的中心部分。我想在ScrollPanel内部将FormPanel垂直和水平居中。我尝试了几种方法，但没有成功。

我已经厌倦了将一个verticalPanel / horizo​​ntalPanel放在滚动面板中，并使用它来包装formPanel。我将滚动面板和水平面板都设置为100％宽度和高度。但是，滚动面板会根据DockLayoutPanel中心部分的大小自动调整大小，而水平面板的大小始终等于其子窗体面板的大小。所以我不能将formpanel置于horizo​​ntalPanel内部，因为它们的高度和宽度是相同的。我尝试使horizo​​ntalPanel的大小始终与scrollPanel相同，但我不知道如何做到这一点。将horizo​​ntalPanel的大小设置为100％无效。

所以我的问题是：

1.如何在scrollPanel中居中。如果你知道如何实现这一点，我不介意使用css方法。

2.在上面的例子中，是否可以使horizo​​ntalPanel的大小始终与其父容器相同 - 滚动面板。如果可能的话，我的第一个问题就解决了。

Answer 1

我必须将图像置于水平滚动面板中心。有时我只有一个图像，有时会有一个图像列表要居中显示。我已经修复了GWT图像对象的大小和滚动面板的宽度。

我计算了滚动位置以便将所有项目居中，我使用了设置滚动位置（位置可以是-ve或+ ve值）。

当用户滚动项目时，我会尊重用户的决定并相应地滚动它们。但是，如果用户滚动到左下方，我会确保重新调整滚动位置以回滚到边界而不超过它。

当滚动面板刷新页面时，项目会自动居中。

简而言之，您需要以编程方式对项目进行居中，默认情况下，滚动面板会将项目保留在一侧（左侧和顶部）。