2010-04-17 10 views
15

Ich habe eine HTML-Tabelle. Es sieht aus wie folgt:HTML Ausrichtung Tabellenzeilen an der Spitze

<table> 
    <tr> 
     <td>Content one</td> 
     <td rowspan="2"> Very long content right</td> 
    </tr> 
    <tr> 
     <td>Content two</td> 
    </tr> 
</table> 

Wie Sie sehen, habe ich einig sehr langen Inhalt auf der rechten Seite des Tisches, tatsächlich, es ist so lang, dass es nicht in passen, welche Höhe der durch die Tabellenzeilen gegeben und so wird der Tisch höher, und dadurch sind die Inhalte eins und zwei nicht mehr an der Spitze des Tisches, sondern verteilen sich über die ganze Höhe. Wie kann ich sie davon abhalten?

EDIT: Was ich brauche, ist nicht der Inhalt an der Spitze, sondern die tatsächlichen Zeilen selbst ausgerichtet werden.

+0

könnte die Antwort auf diese Frage Ihr Problem lösen: http://stackoverflow.com/questions/2390589/multi-row-tables-always-vertically-center-content/2390685#2390685 –

+0

BalusC hat die Antwort auf deine Frage, wie du sie formuliert hast, arik-so. Können Sie es zeichnen? Verwenden Sie Malen und zeichnen Sie ein kleines Drahtrahmen von dem, was Sie brauchen. –

Antwort

8

Interessanter setzen müssen, gab niemand die richtige Antwort noch, so dass ich Ich spring rein, um diese Frage zufriedenstellend zu beantworten.

Was Sie wirklich brauchen, ist die valign='baseline' CSS-Eigenschaft, um die ersten Textzeilen der <td> Elemente auszurichten.

td { 
    vertical-align: baseline; 
} 
+0

Niiiice ... warum nur 5 Regenbögen, wenn die andere Antwort 26 hat? Du solltest mehr haben. – Andrew

-3
<td valign='top' > 
-3

Möglicherweise verwenden Sie die div für interne Bildlaufoption, ohne die Seitenhöhe zu stören.

+0

Ihre Antwort hat nichts mit der Frage zu tun. –

27

Styling ist normalerweise mit CSS zu machen. Sie müssen td Element CSS vertical-align Eigenschaft auf top festlegen.

td { 
    vertical-align: top; 
} 
+0

Es hilft nicht wirklich. Auf diese Weise wird der Text innerhalb der Tabellendaten oben ausgerichtet, die Tabellenzeilen werden jedoch nicht oben ausgerichtet. – arik

+1

Ich denke, Sie müssen das Problem umformulieren. – BalusC

+0

Ja, es tut mir leid. Ich habe es in der Bearbeitung getan. – arik

0

, wenn Sie an der Spitze ausgerichtet werden TD möchten Sie die vertical-align des TR in der CSS nicht das TD

Verwandte Themen