Css GWT垂直面板对齐问题

Css GWT垂直面板对齐问题,css,gwt,Css,Gwt,我想弄清楚我怎么能把垂直面板的孩子们按照我的意愿对齐 我有一个100%高度的垂直面板,它被添加到splitLayoutPanel的中心。 在垂直面板中添加第一个子项时,它会自动与顶部对齐。 将子窗口小部件的高度设置为例如30PX并添加另一个子窗口小部件后,第二个子窗口小部件将与verticalPanel的半高顶部对齐 考虑到间距,我想成为第二个子(scrollPanel)在第一个子下对齐,scrollPanel应该使用verticalPanel高度的100%剩余部分 希望您能帮助我。尝试将第二个

我想弄清楚我怎么能把垂直面板的孩子们按照我的意愿对齐

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

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


希望您能帮助我。

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

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

或者,您可以用DockPanel(或DockLayoutPanel)替换垂直面板,并在中间添加第一个子对象north和第二个子对象。

我认为发生的是

垂直面板在渲染时实现为表格,因此当您将垂直面板的高度设置为100%时,它将表格的高度设置为100%。当您向其中添加一个项目时,第一个项目将添加到实际占据100%高度的中,并且在该中添加的子项设置为高度30px。现在,当您将另一个子项添加到面板时,将创建另一个子项。现在,垂直面板(即表格)有两行,因此它平均分布高度(即50%)以到达行,因此您可以观察到添加到半高顶部的行为


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

这里也有同样的问题。。。编辑:好的,抱歉,如果我更改了单元格属性,则工作