html - 表 td 对齐问题？

Question

我试图让按钮与文本框对齐，但我无法让它工作，如果您需要更多代码，我很乐意发布它:)

这是我的代码: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>

Answer 1

尝试添加vertical-align: middle来形成元素本身。

表格单元格的全部内容(作为实体)在单元格内垂直对齐，而内容内每个内联元素的相互对齐是通过这些内联元素的 vertical-align 指定的，而不是表格单元格.