css - JSF 面板网格对齐到顶部

Question

我看到已经发布了一些答案。用几个排列组合尝试了几乎所有这些..但似乎没有任何效果。

panelgris 中的组件始终居中对齐，而不是顶部对齐。

尝试了他们在下面的帖子中所说的一切。 How to control alignment of DataTable inside of a PanelGrid?

请告诉我是否有补救措施。

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 .