css – JSF面板格栅对齐到顶部

前端之家收集整理的这篇文章主要介绍了css – JSF面板格栅对齐到顶部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我看到这里有一些答案.尝试了几乎所有的几个排列组合..但似乎没有任何工作.

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

在下面的帖子中尝试过他们说的话.
How to control alignment of DataTable inside of a PanelGrid?

请让我知道是否有补救措施.

解决方法

< h:panelGrid>呈现HTML< table>元件.表单元格< td>的垂直对齐默认为中间.你想要使它成为顶部.这很容易使用CSS.
<h:panelGrid styleClass="foo">

.foo td {
    vertical-align: top;
}

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

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

所以只有panelgrid自己的表格单元格是顶部对齐的.

要了解所有关于CSS,请查看@L_301_1@.

猜你在找的CSS相关文章