2013-05-07 7 views

risposta

5

Questo è il numero solution.

Il codice HTML:

<table cellspacing="0" cellpadding="0"> 
    <tr> 
     <td> 
      123 
     </td> 
    </tr> 
</table> 

Il CSS:

table { 
     border-spacing:0; 
     border-collapse:collapse; 
    } 

Spero che questo aiuti.

EDIT

td, th {padding:0} 
+0

spaziatura cellulare e imbottitura sono attributi delle celle all'interno della tabella. Penserei che impostare il margine e il padding sul td sia più accurato. –

+0

ecco il violino per lo stesso http://jsfiddle.net/mVSaa/ - @ Darkwater23 – Nitesh

+0

Accetto il tuo punto. Provato, testato e finalmente modificato il violino. http://jsfiddle.net/mVSaa/1/ - @ Darkwater23 – Nitesh

12

L'imbottitura all'interno di una tabella-divisore (TD) è una proprietà padding applicato alla cella stessa.

CSS

td, th {padding:0} 

La spaziatura in-tra la tabella divisori è uno spazio tra i bordi delle celle della tabella. Per renderlo efficace, devi specificare se i bordi delle celle della tabella "collassano" o "sono separati".

CSS

table, td, th {border-collapse:separate} 
table {border-spacing:6px} 

Prova questa: https://www.google.ca/search?num=100&newwindow=1&q=css+table+cellspacing+cellpadding+site%3Astackoverflow.com (27 100 risultati)

+2

border-collapse: separato non valido. Dovrebbe essere separato (no 'd') – Talon

+0

@Talon Questo è stato utile, grazie Aggiornamento –

35

Usa padding sulle cellule e border-spacing sul tavolo. Il primo ti darà il cellpadding mentre quest'ultimo ti darà spazio per le celle.

table { border-spacing: 5px; } /* cellspacing */ 

th, td { padding: 5px; } /* cellpadding */ 

jsFiddle Demo

+0

: aggiunta una demo che illustra meglio le cose – kapa

Problemi correlati