HTML-Tabelle unterschiedliche Spalte Text nicht auf die gleiche Zeile

Question

Der Text in verschiedenen innerhalb einer HTML-Tabelle ist nicht auf der gleichen Linie ausgerichtet. Eine Spalte dieser Tabelle mehrere Zeilen text.For Beispiel hat,

Header1|Header2 
--------------- 
     |This is 
Ex  |an Example 

Wenn die zweite Spalte mehrere Textzeilen hat, so können sowohl der Spaltentext beginnt nicht auf der gleichen Linie, die erforderlich ist. Derzeit habe ich keine Stile auf die Tabelle/td

angewendet Bitte schlagen Sie jede Lösung vor.

Answer 1

Da der Text der Tabelle standardmäßig auf die Mitte ausgerichtet ist, müssen Sie die Ausrichtung des Texts so festlegen, dass Sie erreichen können, was Sie möchten. Verwenden Sie vertical-align:top, sodass auch wenn die zweite Spalte mehrere Zeilen hat, beide Text oben in der Tabelle beginnen.

th,td{ 
    vertical-align:top; 
} 

Zur Visualisierung hier ist die jsfiddle.