2

私は以下のようにasp.netボタン、テーブル、ボタンを持っています：

<table style="width: 600px;">
    <tr>
        <td>
            <div style="float: right;">
                <asp:Button ID="_btn01" runat="server" Text="GO" />
                <table class="IHCommandButtonContainer" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="IHCommandButtonL"><asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="/Test/Images/btn_Search.gif" /></td>
                        <td class="IHCommandButtonM"><span>Search</span></td>
                        <td class="IHCommandButtonR"><img src="/Test/Images/btn_R.gif" /></td>
                    </tr>
                </table>
                <asp:Button ID="Button1" runat="server" Text="GO" />
            </div>
        </td>
    </tr>
</table>

問題は、それらを同じ行に配置できないことです。それらは以下のようになります：

ここに画像の説明を入力してください

私のCSSは以下のとおりです。

<style type="text/css">
    .IHCommandButtonContainer   { height: 21px; border: 0px; display: inline-block; cursor: pointer; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
    .IHCommandButtonL           { width: 22px; height: 21px; }
    .IHCommandButtonL   input   { width: 22px; height: 21px; }
    .IHCommandButtonM           { background-image: url(/Test/Images/btn_M.gif); height: 21px; font-size: 9pt; font-family: Sans-serif, Arial, Dotum; }
    .IHCommandButtonM   span    { margin: 0px 2px 0px 0px; }
    .IHCommandButtonM_          { background-image: url(/Test/Images/btn_M_.gif); height: 21px; font-size: 9pt; font-family: Sans-serif, Arial, Dotum; }
    .IHCommandButtonM_  span    { margin: 0px 2px 0px 0px; }
    .IHCommandButtonR           { width: 3px; height: 21px; }
    .IHCommandButtonR   img     { width: 3px; height: 21px; cursor: pointer; }
</style>

それらを同じ行に配置するにはどうすればよいですか？2つのGOボタンが同じ行にあるように、中央のテーブルはそれらより上にあります。

4

2 に答える 2

-1

「開発者ツール」を使用することには反対ですが、垂直方向の整列が正しい答えです...秘訣はあなたが何をしているのかを理解することです...

これはあなたを助けるでしょう：http：//phrogz.net/css/vertical-align/index.html

ボタンを「display：inline-block」に配置すると、この問題を簡単に修正できることに注意してください。

于 2012-09-09T08:43:35.080 に答える