表td對齊問題？

我試圖使按鈕對準了文本框，但我不能得到它的工作，如果你需要更多的代碼，我會很高興將它張貼:)表td對齊問題？

enter image description here

這裏我的代碼：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>

來源

2012-10-08 Hunter Mitchell

作爲的看上去您發佈與CSS標籤，你正在使用的類，你必須使用一些CSS某處。至少我們需要看看你的CSS。最好是一個鏈接，以便我們可以重現您的問題。 –

對不起，看看jsfiddle請 –

，並沒有改變任何東西 –

嘗試添加vertical-align: middle形成元素本身。

表單元的整個內容（作爲固體）在單元內垂直對齊，而內部每個內聯元素的相互對齊通過這些內聯元素的vertical-align指定，而不是表格單元。

來源

2012-10-08 21:55:39

，沒有工作 –

適用於我：http://jsfiddle.net/FFcAu/1/ –

哈，愚蠢的錯誤....謝謝，這是它！ –

添加display: block和float: left您.chatInput和button類：

.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-08 22:02:12

表td對齊問題？

回答

相關問題