GWT VerticalPanel对齐问题

时间:2013-12-20 18:25:52

标签: css gwt

我正在试图弄清楚如何根据需要对齐verticalPanel的孩子。

我有一个100%高度的verticalPanel,它被添加到splitLayoutPanel的中心。 在verticalPanel中添加第一个子项时,它会自动对齐到顶部。 将子窗口小部件的高度设置为例如30PX并添加另一个子项后,第二个对齐到verticalPanel的半高的顶部。

我想成为第二个孩子(scrollPanel)在第一个孩子下方对齐,考虑到间距,而scrollPanel应该使用verticalPanel heigt中100%的剩余部分。

希望你能帮助我。

2 个答案:

答案 0 :(得分:1)

尝试将第二个单元格的高度设置为100%,例如:

myVerticalPanel.setCellHeight(myScrollPanel, "100%");

或者,您可以用DockPanel(或DockLayoutPanel)替换VerticalPanel,并将第一个子项北和第二个子项添加到中心。

答案 1 :(得分:0)

我的想法是这样,

垂直面板在渲染时实现为表格,因此当您将垂直面板的高度设置为100%时,它会将表格的高度设置为100%。当你向它添加一个项目时,第一个项目被添加到一个有效占据100%高度的项目,并且在其中添加的项目被设置为高度30px。现在,当您向面板添加另一个子项时,将创建另一个子项。现在垂直面板即桌子有两排,所以它分配高度相同,即50%到达行,因此你会观察到加到半高顶部的行为。

一个简单的解决方案是使用FlowPanel(宽度和高度均为10%)并添加您的孩子,宽度为100%,第一个孩子的身高为30px,第二个孩子的宽度和身高均为100 %。希望对你有帮助。