Html表:插入数据

时间:2016-04-21 06:50:25

标签: html css html-table

我有以下表格要求的源代码。我想从表的开头插入数据,但我无法这样做,因为它从表的正中间开始。如何输入数据,以便我可以从头开始。这是我的代码:

<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<title>Title</title>
<table style="width: 665px; height: 589px;" border="1">
<tbody>
<tr style="height: 49px;">
<td style="width: 664px; height: 49px;" colspan="2"><img src="#">
<p align="right"><a href="http://www.google.com" target="_blank">Google it!</a></p> 
</td>
</tr>
<tr style="height: 117px;">
<td style="width: 223.85px; height: 117px;">A</td>
<td style="width: 440.15px; height: 117px;">B</td>
</tr>
<tr style="height: 120px;">
<td style="width: 223.85px; height: 120px;">C</td>
<td style="width: 440.15px; height: 244px;" rowspan="2">D</td>
</tr>
<tr style="height: 124px;">
<td style="width: 223.85px; height: 124px;">E</td>
</tr>
<tr style="height: 173px;">
<td style="width: 223.85px; height: 173px;">F</td>
<td style="width: 440.15px; height: 173px;">G</td>
</tr>
</tbody>
</table>

我想根据文本调整列的大小,但在我的情况下,它会在增加时自动调整大小。如何在我的情况下创建拆分这两列?

1 个答案:

答案 0 :(得分:1)

如果您想将数据放在单元格顶部,请使用vertical-align:top;

在你的表中,对于所有td,请使用:

td{vertical-align: top;}

检查fiddle