对齐面板内的内容网格列

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

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

<h:panelGrid columnClasses="className">
.className {
    vertical-align: top;
}

Answer 2

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

<h:panelGrid columns="6" cellspacing="4" cellpadding="4" styleClass="panelColumns">
</h:panelGrid>

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

.panelColumns td {
    vertical-align: top; 
} 

作为附加提示。。因此您不必搜索到long：）