HTML wyrównanie wierszy tabeli na górze

Question

Mam tabelę HTML. Wygląda to następująco:

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

Jak widać, mam bardzo dużo treści na prawej stronie stołu, właściwie to tak długo, że nie pasuje do tego, co wysokość oblicza się według wierszy tabeli , a więc stół staje się wyższy i dzięki temu zawartość jeden i dwa nie są już na górze stołu, ale rozkładają się na całej wysokości. Jak mogę ich powstrzymać?

EDYTOWANIE: Potrzebuję, aby treść nie była wyrównana u góry, a same wiersze.

Answer 1

Co ciekawe, nikt nie dał prawidłową odpowiedź jeszcze, więc ja wskakuję, aby zamknąć to pytanie w zadowalający sposób.

Potrzebna jest właściwość CSS valign='baseline' do wyrównania pierwszych linii tekstu elementów <td>.

td { 
    vertical-align: baseline; 
} 

Answer 2

<td valign='top' > 

Answer 3

Może używać opcji div do wewnętrznego przewijania bez naruszania wysokości strony.

Answer 4

Stylizacja zwykle odbywa się za pomocą CSS. Musisz ustawić właściwość elementu td elementu CSS vertical-align na top.

td { 
    vertical-align: top; 
} 

Answer 5

jeśli chcesz TD być wyrównane na górze trzeba ustawić vertical-align TR w nie CSS TD