Cómo controlar la altura tr de la tabla en CSS

Question

Intento reducir el espacio en blanco entre cada tr en una tabla.

He configurado "table id='recTable' cellspacing=\"0\" cellpadding=\"0\"", eso significa que no hay espacio entre cada tr (confirmado). Entonces, lo único que tengo que hacer es reducir la altura de tr.

He usado "height:40px;" para hacer esto, pero funciona, no hay cambio.

Siempre muestra un 70px height. Pero si configuro una gran altura como "height:100px;", cuya altura es más de 70px, entonces cambiará a la altura que configuré.

¿Cómo puedo hacerlo?

Answer 1

Puede establecer esto explícitamente en su CSS. Por ejemplo:

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/

Fronteras acaba por ejemplo

Answer 2

Debe establecer la altura o la altura de línea de su TD o TH dentro de su TR.

Answer 3

Es mejor tener un elemento div dentro elemento td y fijar la altura del elemento div . Funcionó para mí

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