Cách kiểm soát chiều cao của bảng trong CSS

Question

Tôi cố gắng giảm khoảng trắng giữa mỗi tr trong một bảng.

Tôi đã đặt "table id='recTable' cellspacing=\"0\" cellpadding=\"0\"", điều đó có nghĩa là không có khoảng trắng giữa mỗi tr (được comfirmed). Vì vậy, những gì tôi chỉ cần làm là giảm chiều cao của tr chính nó.

Tôi đã sử dụng "height:40px;" để thực hiện việc này, nhưng công việc này không hoạt động, không thay đổi.

Nó luôn hiển thị 70px height. Nhưng nếu tôi thiết lập một chiều cao lớn như "height:100px;", mà chiều cao là hơn 70px, sau đó nó sẽ thay đổi đến chiều cao tôi đặt.

Tôi có thể làm như thế nào?

Answer 1

Bạn có thể đặt điều này một cách rõ ràng trong css của mình. Ví dụ:

table#recTable{width:100%; border:1px solid red;} 
#recTable tr td {height:40px; border:1px solid red;} 

HTML

<table id="recTable"> 
    <tr><td>Something</td></tr> 
    <tr><td>Something else</td></tr> 
</table> 

http://jsfiddle.net/jasongennaro/qXpLM/

Borders chỉ ví dụ

Answer 2

Bạn cần đặt chiều cao hoặc chiều cao dòng của điểm số TD hoặc TH trong TR của bạn.

Answer 3

Nó tốt hơn để có một phần tử div bên trong phần tử td và sửa chiều cao của div yếu tố . Nó làm việc cho tôi.

<tr> 
    <td> 
     <div style="max-height:92px;"> 
     <span style="color: #992222; font-size:36pt;font-family:Arial Baltic;"> 
     "  </span> 
     </div> 
    </td> 
</tr>