Définition de la hauteur des lignes de la table en CSS

Question

J'ai ce code:

     <table class="topics" >
        <tr>
            <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">Test</td>
            <td style="padding: 0 4px 0 0;">1.0</td>
            <td>abc</td>
        </tr>
        <tr>

            <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">test2</td>
            <td style="padding: 0 4px 0 0;">1.3</td>
            <td>def</td>
        </tr>
    </table>
 

Les rangées sont trop espacées. Je veux que les lignes se rapprochent.

Ce que j'ai fait était d'ajouter le CSS suivant, mais cela ne semble pas changer.

 .topics tr { height: 14px; }
 

Qu'est-ce que je fais mal?

Answer 1

essaye ça:

.topics tr { line-height: 14px; }

Answer 2

essayez de définir l'attribut pour td alors:

 .topic td{ height: 14px };
 

Answer 3

Vous pouvez également supprimer un espacement supplémentaire si vous placez une instruction CSS border-collapse: collapse; sur votre table.