調整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; 
} 

Answer 2

對我來說，如果你不喜歡它，它的工作原理：

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

，並創建一個其中包含的css文件：

.panelColumns td { 
    vertical-align: top; 
} 

就像附加提示..所以你不必搜索到很長:)