0

gwt アプリケーションで、内部に 2 つのボタンを持つ LayoutPanel を使用します。LayoutPanle の高さは 35px です。ボタンの高さは 25px です。パネルの真ん中にあるボタンを縦に並べたい。私が試したのと同じように、一般的なスタイリング アプローチは機能しないようです。パネル スタイルまたはボタン スタイルで vertical-align: middle を設定すると、ボタンは上揃えのままになります。この場合、LayoutPanel 内の各ボタンの Horizo​​ntalPanel をラップし、Horizo​​ntalPanel に verticalAlignment を適用する以外に、最終的にボタンを中央に配置する適切なアプローチは何ですか? 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>
4

1 に答える 1

0

パネルの高さが常に 35px の場合、次の 2 つのオプションがあります。

(1) ボタンの余白を

マージン: 5px 0;

(2) LayoutPanel に次のスタイルを設定します。

行の高さ: 35px;

于 2012-09-07T14:16:13.100 に答える