0

ボタンをテキストボックスに揃えようとしていますが、機能させることができません。さらにコードが必要な場合は、投稿させていただきます:)

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

これが私のコードです：http：//jsfiddle.net/Hunter4854/FFcAu/

<table class="chatMain" width="100%" height="100%" cellpadding="10" cellspacing="0" border="0">

    <tr>

        <td align="center" class="MainView" valign="middle">1</td>

        <td align="center" valign="middle" class="SideAd" width="185px" rowspan="3">AD</td>

    </tr>

    <tr>

        <td align="center" class="controls" valign="middle">

            <textarea class="chatInput"></textarea>

            <button type="submit">Send</button>

        </td>                                   

    </tr>

</table>
4

2 に答える 2

1

vertical-align: middleフォーム要素自体に追加してみてください。

テーブル セルのコンテンツ全体 (固体として) は、セル内で垂直方向に整列されますが、コンテンツ内の各インライン要素の相互の整列はvertical-align、テーブル セルではなく、これらのインライン要素を介して指定されます。

于 2012-10-08T21:55:39.280 に答える
1

andクラスにdisplay: blockandを追加float: leftします。.chatInputbutton

.chatInput
{
    display:block;
    float:left;
    width: 500px;
    font-size: 12pt;
    height: 75px;
    box-sizing: border-box;
    border: 1px solid #000;
    padding-left: 5px;
    padding-right: 5px;
    outline: none;
    resize:none;
}

button {
    display:block;
    float:left;
    height:75px;
}

フィドル: http://jsfiddle.net/kboucher/xH8sm/

于 2012-10-08T22:02:12.263 に答える