java - GWT - 如何将 ScrollPanel 中的内容居中

标签 java gwt vertical-alignment centering alignment

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

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

所以我的问题是这样的:

1.如何将scrollPanel中的某些内容居中。如果你知道如何实现这一点,我不介意使用 css 方法。

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

enter image description here

最佳答案

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

我计算了滚动位置以使所有项目居中,并使用设置滚动位置(位置可以是 -ve 或 +ve 值)。

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

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

简而言之,您需要以编程方式将项目居中,并且默认情况下滚动面板会将项目保留在一侧(左侧和顶部)。

关于java - GWT - 如何将 ScrollPanel 中的内容居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11730675/

相关文章:

java - 利用java线程并发执行的方法

gwt - vaadin小部件集编译期间发生错误

GWT CellTable - 根据行添加列

html - 如何水平和垂直显示多个复选框 css

java - 如何使用 Java native 访问 (JNA) 映射回调函数

java - Spark Java : Passing variable number of arguments to a function

Java 比较地址

java - GWT - 将部分共享代码标记为 "server only"

html - 垂直对齐 Bootstrap 复选框

css - 具有可变高度的菜单中的链接垂直居中