jsf - 在 panelGrid 列中对齐内容

Question

如何将 panelGrid 组件创建的列中的内容与 top 对齐?

我试了没有成功，下面的代码

<h:panelGrid columns="2" style="vertical-align:top;  " >
       <p:tabView style="margin:0px 0px 50px 0px; width: 450px; padding-top: 0px;vertical-align:top" ></p:tabView>                
       <p:menubar autoSubmenuDisplay="true" style="width: 300px; vertical-align:top" ></p:menubar>
</h:panelGrid>

但是由此创建的 2 列仍然保持垂直居中对齐。

Answer 1

基于 this回答，你可以这样做(我最喜欢这种方法)

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}