在表格列中水平对齐<p：selectonemenu>与<p：outputlabel>（<p：panelgrid>）</p：panelgrid> </p：outputlabel> </p：selectonemenu>

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;使它们正确对齐。

对于实例，根据您的代码，

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

希望这有帮助。