2016-04-21 3 views
0

У меня есть следующий исходный код для требования таблицы. Я хочу вставить данные из начала таблицы, но я не могу это сделать, поскольку он начинается с точной середины таблицы. Как ввести данные, чтобы начать с самого начала. Вот мой код:Html Таблицы: Вставка данных

<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> 

И я хотел бы изменить размер столбцов на основе их текст, но в моем случае, она автоматически изменяет размер, когда один роста. Как создать разделение этих двух столбцов в моем случае?

+0

вы говорите о тексте в ячейке, правильно? –

+0

вот так https://jsfiddle.net/LeoLion/ejxazd6u/ –

+0

Да, текст @Leothelion – highlander141

ответ

1

Если вы хотите, чтобы ваши данные в верхней части клетки затем использовать vertical-align:top;

В вашей таблице, для всех тд использовать это:

td{vertical-align: top;} 

Проверить fiddle

Смежные вопросы