在panelGrid列内对齐内容

Question

我该如何将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>

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

- Rajat Gupta

Answer 1

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

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}

- Dejell

---

你需要为每一列创建一个列类 <h:panelGrid columns="3" columnClasses="className, className, className" > - jeff

Answer 2

如果按照这样做，对我来说是有效的：

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

并创建一个包含以下内容的CSS文件：

.panelColumns td {
    vertical-align: top; 
} 

这只是一个额外的提示......这样你就不必搜索太久了 :)

- joerg_wiesmann