JSF panelgrid对齐到顶部

Question

我看到为此发布了一些答案.尝试了几乎所有的几个排列组合......但似乎没有任何工作.

panelgris内部的组件总是中间对齐,而不是顶部.

尝试了他们在下面的帖子中说的话. 如何控制PanelGrid内DataTable的对齐？

如果有补救措施,请告诉我.

Answer 1

将<h:panelGrid>呈现一个HTML <table>元素.表格单元格的垂直对齐<td>确实默认为middle.你想要做到这一点top.使用CSS很容易.

<h:panelGrid styleClass="foo">

同

.foo td {
    vertical-align: top;
}

如果在panelgrid中有一个表,您希望将默认表格单元格保持为中间的垂直对齐,则需要按如下方式更改CSS:

.foo>tbody>tr>td {
    vertical-align: top;
}

这样只有panelgrid自己的表格单元格顶部对齐.

要了解有关CSS的所有信息,请访问http://www.csstutorial.net.

Answer 2

使用panelGrid's' columnClasses属性来标识包含vertical-align: top;样式的CSS类:

<h:panelGrid columns="2" columnClasses="topAligned">
...
</h:panelGrid>

和CSS文件:

.topAligned {
    vertical-align: top;
}

然后,panelGrid中第一列的内容将在其单元格中进行顶部对齐.