将 <p:selectOneMenu> 与 <p:outputLabel> 在表列内水平对齐 (<p:panelGrid>)答案

【问题标题】：Align <p:selectOneMenu> with <p:outputLabel> horizontally inside a table column (<p:panelGrid>)将 <p:selectOneMenu> 与 <p:outputLabel> 在表列内水平对齐 (<p:panelGrid>)
【发布时间】：2013-11-04 10:57:27
【问题描述】：

如下图所示：

我希望这些组件能够正确水平对齐。

我尝试了以下方法但无济于事：

...
<p:outputLabel value="Etat d'examen : " for="state"/>  
<p:selectOneMenu id="state"
                 value="#{examenListBean.stateOption}" 
                 style="width: 120px;" > 

    <p:ajax listener="#{examenListBean.fetch}" update="tabexam"/>
    <f:selectItems value="#{examenListBean.etatExamOptions}"/> 

</p:selectOneMenu>
...

【问题讨论】：

标签： java css jsf primefaces alignment

【解决方案1】：

使用vertical-align:middle; 让它们正确对齐。

例如，根据您的代码，

style="width: 120px; vertical-align:middle;"

希望这会有所帮助。

【讨论】：