使用Doctype HTML,表格单元格底部会有不必要的额外空间

时间:2018-01-03 05:08:22

标签: html html-table

如何删除表格单元格中textarea下方不需要的空间? THX。

<!DOCTYPE html>
<table border=1>

<tr><td class=property_big>Comments</td><td></td><td><textarea 
class=boxwidth cols=20 rows=3 name=description></textarea></td></tr>

</table>

1 个答案:

答案 0 :(得分:0)

position:relative;中的float:left;CSS添加到boxwidth class的{​​{1}},如下所示:

<textarea>
.boxwidth
{
   position:relative;
   float:left;
}

或者,您可以将<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> <table border="1"> <tr> <td class="property_big">Comments</td> <td></td> <td><textarea class="boxwidth" cols="20" rows="4" name="description"></textarea></td> </tr> </table> </body> </html>直接写入style中的元素,如下所示:

HTML