2011-07-07 40 views
5

Tôi không quen thuộc với HTML, vì vậy xin lỗi nếu đây là một cái gì đó đơn giản, nhưng tôi không thể tìm ra từ googling. Dù sao, vấn đề tôi đang gặp có thể được minh họa bằng này:Bảng Html, làm cho một hàng lớn hơn

<html> 
<body> 
    <table border="1"> 
     <tr> 
      <td>lots of words blah blah</td> 
     </tr> 
     <tr> 
      <td>word</td> 
      <td>word</td> 
      <td>word</td> 
     </tr> 
    </table> 
</body> 
</html> 

Có cách nào mà thay vì sau đó có cột đầu tiên được kéo dài, mà chỉ là di động đầu tiên được lớn hơn? Chỉ có một ô ở hàng đầu tiên, do đó rất nhiều không gian trống. Tôi muốn các tế bào để mở rộng để phù hợp với hàng, nhưng thay vào đó nó kéo dài toàn bộ cột, hoặc trải dài theo chiều dọc. Làm thế nào để tôi có được điều này?

+0

Cảm ơn rất nhiều sự giúp đỡ! – John

Trả lời

6

Sử dụng các thuộc tính colspan nói với nó để trang trải nhiều cột, vì vậy trong trường hợp của bạn td trên hàng đầu tiên của bạn sẽ là <td colspan="3">

5

Đặt colspan="3" trên các yếu tố đầu tiên <td>.

Như sau: <td colspan="3">.

Giá trị colspan là số cột bạn muốn nó chiếm.

1

Mỗi hàng của bạn phải có cùng số cột. Trong trường hợp này, bạn có thể thông báo rõ ràng ô lớn của mình để bao trùm tất cả các cột, như sau:

<tr> <td colspan="3">lots of words blah blah </td> </tr> 
+0

Không phải mọi hàng cần phải có cùng số cột. Khoảng cách cuối cùng là chấp nhận được. – evan

0

bạn có thể thêm thuộc tính chiều rộng vào phần tử bạn muốn thay đổi.

Các vấn đề liên quan