Comment contrôler tr hauteur de tableau en CSS

J'essaie de réduire l'espace blanc entre chaque tr dans un tableau.

J'ai mis "table id='recTable' cellspacing=\"0\" cellpadding=\"0\"", qui signifie il n'y a pas d'espace entre chaque tr(confirmé). Donc, ce que j'ai à faire est de réduire la hauteur de tr lui-même.

J'ai utilisé "height:40px;" pour le faire, mais il fais le travail, pas de changement.

Il indique toujours un 70px height. Mais si j'ai mis une grande hauteur comme "height:100px;", dont la hauteur est de plus de 70 pixels, puis il va changer à la hauteur que j'ai défini.

Comment puis-je le faire?

stackoverflow.com/questions/2092696/how-to-fix-height-of-tr
Merci de faire une recherche avant de poser!

OriginalL'auteur Kurt | 2011-07-15

  1. 10

    Vous pouvez définir de manière explicite dans votre css. Par exemple:

    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/

    Frontières juste pour exemple

    OriginalL'auteur Jason Gennaro

  2. 5

    Vous avez besoin de régler la hauteur ou la hauteur de la ligne de votre banque TD ou TH au sein de votre TR.

    Dans mon cas, j'ai dû mettre les deux pour faire ce travail.

    OriginalL'auteur Barry Kaye

  3. 2

    Il est préférable d'avoir un élément div à l'intérieur de td élément et d'en fixer la hauteur de l'élément div. Il a travaillé pour moi.

     <tr>
    <td>
       <div style="max-height:92px;">
         <span style="color: #992222; font-size:36pt;font-family:Arial Baltic;">
         "     </span>
       </div>
   </td>
 </tr>
    Puis-je vous demander pourquoi c'était downvoted? La solution de mettre une div à l'intérieur des cellules travaillé pour de nombreux. Juste style de la hauteur, comme proposé ci-dessus, ne garde pas le contenu de l'expansion d'un td (voir Jason Gennaro violon).

    OriginalL'auteur Snehlata Shaw