Wie steuert man die Höhe einer Tabelle in CSS

Question

Ich versuche, den Leerraum zwischen den einzelnen tr in einer Tabelle.

Ich habe festgelegt "table id='recTable' cellspacing=\"0\" cellpadding=\"0\"" d.h. es gibt keinen Abstand zwischen den einzelnen tr (Bestätigt). Was ich also nur tun muss, ist, die Höhe der tr selbst.

Ich habe "height:40px;" um dies zu tun, aber es funktioniert nicht, keine Veränderung.

Es zeigt immer eine 70px height . Aber wenn ich eine große Höhe einstelle wie "height:100px;" und die Höhe mehr als 70px beträgt, dann wird sie auf die von mir eingestellte Höhe geändert.

Wie kann ich das tun?

Answer 1

Sie können dies explizit in Ihrem Css einstellen. Zum Beispiel:

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/

Grenzen, nur als Beispiel

Answer 2

Sie müssen die Höhe oder Zeilenhöhe Ihrer TD's oder TH's in Ihrem TR einstellen.

Answer 3

Es ist besser, ein div-Element innerhalb des td-Elements zu haben und die Höhe des div-Elements festzulegen. Bei mir hat es funktioniert.

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

Answer 4

Sie können die Höhe verkleinern, indem Sie die Anzeige ändern. standardmäßig ist sie display : table Ändern Sie es in display : block zum Beispiel und es sollte funktionieren