2013-10-25 27 views
4

如你下面的图像中看到:对齐<P:selectOneMenu用于>与<P:outputLabel>水平的表列内(<p:panelGrid>)

enter image description here 我想这些部件正确地水平地对齐。

我试过follwoing却无济于事:

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

回答

7

使用vertical-align:middle;为他们正确对齐。

例如,按您的代码,

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

希望这有助于。

+2

灿烂的男人,谢谢你解决了我的问题:) –

+0

欢迎你:) - @Papa_Jay – Nitesh