2016-04-21 15 views
0

Ich habe den folgenden Quellcode für Tabellenanforderung. Ich möchte die Daten vom Anfang der Tabelle einfügen, aber ich kann dies nicht tun, da es genau in der Mitte der Tabelle beginnt. Wie gebe ich die Daten ein, damit ich von vorne anfangen kann? Hier ist mein Code:Html-Tabellen: Einfügen von Daten

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

Und ich mag die Spalten auf der Grundlage ihres Text, um die Größe, aber in meinem Fall, es automatisch die Größe, wenn eine Erhöhung. Wie erstellt man diese beiden Spalten in meinem Fall?

+0

Sie sprechen über Text in der Zelle, richtig? –

+0

wie folgt https://jsfiddle.net/LeoLion/ejxazd6u/ –

+0

Yeah der Text @Leothelion – highlander141

Antwort

1

Wenn Sie Ihre Daten in oben in der Zelle dann vertical-align:top;

In Tabelle verwenden, haben wollen, für alle td verwenden:

td{vertical-align: top;} 

prüfen fiddle