Usuwanie linii tabeli i obszaru tabel między komórkami w css

Question

Mam tę stronę: http://redditlist.com/dir/1026 i utknąłem na próbach usunięcia odstępów między komórkami, więc będzie wyglądać bardziej tak: http://redditlist.com.

Answer 1

table#myTable{ 
    border-collapse:collapse; 
} 

Answer 2

Użyj właściwości border-collapse CSS usunąć przestrzeń między komórkami:

table { 
    border-collapse: collapse; 
} 

Widzisz odstępy między komórkami tabeli domyślnie, ponieważ każda komórka ma swoją własną granicę, komórki nie dzielą granice. To się nazywa „oddzieloną Model”, jak wyjaśniono w Mozilla Developer CSS Reference:

oddzielone model tradycyjny stół HTML modelu granicznej. Sąsiadujące komórki mają odrębne granice. Odległość między nimi jest określona przez właściwość border-spacing.

można „usunąć” odstępy między komórkami czyniąc je dzielić granice między sobą, który jest znany jako „zawalił modelu granicznego”:

W modelu zawalił granicznego, sąsiednie komórki tabeli dzielą granice.

Answer 3

Spróbuj

table.className td 
{ 
    display: inline-block; 
} 

lub

table.className td 
{ 
    display: block; 
} 

Answer 4

spróbować

table td { display: table-cell; }