在表列(<p:panelGrid>)内水平对齐<p:selectOneMenu>和<p:outputLabel>

Question

如下图所示:

我希望这些组件正确地水平对齐.

我尝试了以下但无济于事:

...
<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>
...

Answer 1

用vertical-align:middle;它们来正确对齐.

对于Instance,根据您的代码,

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

希望这可以帮助.