Jsf 对齐panelGrid列内的内容

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

我尝试了以下代码，但没有成功

<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>

但在此创建的两列仍然保持垂直中对齐。

根据答案，您可以这样做（我最喜欢这种方法）

.类名{
垂直对齐：顶部；
}

对我来说，如果你这样做，它会起作用：

并创建一个css文件，其中包含：

.panelColumns td{
垂直对齐：顶部；
} 

---

作为额外的提示。。因此，您不必搜索long:）

每个列都需要一个column类

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}