Jak kontrolować wysokość tabeli w CSS

Question

Próbuję zmniejszyć odstęp między tabelami tr.

Ustawiłem "table id='recTable' cellspacing=\"0\" cellpadding=\"0\"", co oznacza, że ​​między każdym z nich nie ma spacji (tr (comfirmed). Więc jedyne, co muszę zrobić, to zmniejszyć wysokość samej tr.

Do tego użyłem "height:40px;", ale działa, bez zmian.

Zawsze pokazuje 70px height. Ale jeśli ustawię dużą wysokość, na przykład "height:100px;", której wysokość jest większa niż 70 pikseli, zmieni się ona na wysokość, którą ustawię.

Jak mogę to zrobić?

Answer 1

Możesz ustawić to jawnie w twoim css. Na przykład:

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 tylko na przykład

Answer 2

Musisz ustawić wysokość lub wysokość linii swojego TD lub TH w swoim TR.

Answer 3

Lepiej mieć elementu div wewnątrz td elementu i ustalić wysokość div elementu . To zadziałało dla mnie.

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