2009-07-11 19 views
11

Ho qualcosa simile a quello:Come aumentare la spaziatura tra le righe nei CSS?

<table> 
    <tr> 
     <td>Hello,<br/>World!</td> 
    </tr> 
</table> 

Entrambe le linee

Hello, 
World! 

vengono visualizzati troppo vicini l'uno all'altro. Un modo per aumentare la spaziatura tra di loro (per una porzione di una larghezza della linea (senza un altro <br/>))?

risposta

13

Ecco un esempio completo di come rendere la spaziatura nei <td> s una volta e mezzo l'altezza del carattere:

<html><head> 
<style> 
td { 
    line-height: 150%; 
} 
</style> 
</head> 
<body> 
<table> 
    <tr> 
     <td>Hello,<br/>World!</td> 
    </tr> 
</table> 
</body></html> 
12

Utilizzare line-height per regolare l'altezza della linea. Quindi nel tuo caso line-height: 2 raddoppierà l'altezza della linea.

4
td { 
    line-height:<value>; 
} 
Problemi correlati