LayoutPanel中的垂直对齐方式

Question

我在gwt应用程序中使用了一个LayoutPanel，里面有两个Buttons。 LayoutPanle的高度为35px;而纽扣的高度为25px;我想垂直对齐Panel中间的按钮。正如我所尝试的那样，没有任何常见的样式方法似乎可以解决它。无论是在面板样式上还是在按钮样式上设置vertical-align：middle，按钮都保持顶部对齐。除了在LayoutPanel中为每个Button包装一个Horizo​​ntalPanel并在Horizo​​ntalPanel上应用verticalAlignment之外，在这种情况下最终将Buttons置于中间的正确方法是什么？这是我在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

如果您的面板总是35px高，您有两个选择：

（1）将按钮上的边距设置为

保证金：5px 0;

（2）将以下样式设置为LayoutPanel：

行高：35px;