在panelGrid列内对齐内容

问题描述

| 如何将panelGrid组件创建的列中的内容与“ 0”对齐？ 我尝试没有成功，以下代码

<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列仍保持垂直居中对齐。     

解决方法

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

<h:panelGrid columnClasses=\"className\">

.className {
    vertical-align: top;
}

    ,        对我来说，如果您这样做，它将起作用：

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

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

.panelColumns td {
    vertical-align: top; 
} 

只是作为其他提示..所以您不必搜索很长时间:)