Sắp xếp các hàng của bảng HTML ở trên cùng

Question

Tôi có một bảng HTML. Nó trông giống như sau:

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

Như bạn thấy, tôi có một số nội dung rất dài ở phía bên phải của bảng, trên thực tế, nó là lâu đến nỗi nó không phù hợp với những gì chiều cao được đưa ra bởi các hàng bảng và do đó, bảng sẽ cao hơn, và bằng cách làm điều đó, nội dung một và hai không còn ở trên cùng của bảng nữa, nhưng tự phân phối dọc theo toàn bộ chiều cao. Làm thế nào tôi có thể ngăn họ làm điều này?

CHỈNH SỬA: Điều tôi cần không phải là nội dung cần căn chỉnh ở trên cùng mà chính các hàng thực tế.

Answer 1

Điều thú vị là, không ai đưa ra câu trả lời đúng chưa, vì vậy tôi nhảy vào để đóng câu hỏi này một cách thỏa đáng.

Điều bạn thực sự cần là thuộc tính CSS valign='baseline' để căn chỉnh các dòng văn bản đầu tiên của các phần tử <td>.

td { 
    vertical-align: baseline; 
} 

Answer 2

<td valign='top' > 

Answer 3

Có thể bạn sử dụng tùy chọn div cho cuộn cuộn nội bộ mà không làm ảnh hưởng đến độ cao của trang.

Answer 4

Tạo kiểu thường được thực hiện với CSS. Bạn cần đặt thuộc tính CSS của phần tử CSS vertical-align thành top.

td { 
    vertical-align: top; 
} 

Answer 5

nếu bạn muốn TD để được sắp xếp ở phía trên bạn cần phải thiết lập các vertical-align của TR trong CSS không phải là TD