Alignement vertical dans un LayoutPanel

Question

J'utilise dans une application gwt un LayoutPanel avec deux boutons à l'intérieur. Le LayoutPanle a une hauteur de 35px; tandis que les boutons ont une hauteur de 25px; Je veux aligner verticalement les boutons au milieu du panneau. Tout comme j'ai essayé, aucune approche de style commun ne semble fonctionner. Soit le réglage de l'alignement vertical: milieu sur le style du panneau ou soit sur le style des boutons, les boutons restent alignés en haut. Quelle est l'approche appropriée dans ce cas pour apporter éventuellement les boutons au milieu, autre que d'encapsuler un HorizontalPanel pour chaque bouton à l'intérieur du LayoutPanel et d'appliquer l'alignement vertical sur le HorizontalPanel? Voici mon code dans Uibinder:

<g:LayoutPanel styleName="{style.buttonsBar}"> 
      <g:layer left="30px" width="70px"> 
       <g:Button ui:field="createButton" styleName="{style.crdelButton}">Create</g:Button> 
       </g:layer> 
       <g:layer right="30px" width="70px"> 
        <g:Button ui:field="deleteButton" styleName="{style.crdelButton}">Delete</g:Button> 
       </g:layer> 
     </g:LayoutPanel> 

Answer 1

Si vous panneau est toujours 35px élevé, vous avez deux options:

(1) La marge sur les boutons Set à

margin: 5px 0;

(2) Définissez le style suivant à vos LayoutPanel:

line-height: 35px;