爲什麼文本會沉到表格單元格的底部？

Question

<table> 
<tr> 
    <td> 
     random text here 
     <textarea value=""></textarea> 
    </td> 
</tr> 
</table> 

在瀏覽器中，文本位於底部。我如何讓它居中或頂部？ TD上的垂直對齊似乎不起作用。

Answer 1

文字沿着一條線呈現。內聯元素（如textarea）也在該行上呈現。

的文本是在表格單元格的底部，因爲它位於該textarea的位於相同線和textarea的佔用小區的整個高度。

你想改變該行textarea的位置，但你可以這樣做：

textarea { 
    vertical-align: middle; /* other values are available */ 
} 

Answer 2

gathcea：

你可以把你的文字在一排上面：

<table> 
    <tr> 
     <td> 
     <p>random text here</p> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     <textarea value=""></textarea> 
     </td> 
    </tr> 
</table> 

或者使用一個換行符把文本區域在它之下：

<table> 
    <tr> 
     <td> 
     <p>random text here</p> 
     <br /> 
     <textarea value=""></textarea> 
     </td> 
    </tr> 
</table>