Ich erstelle eine “normale” Tabelle und alle TDs haben “Rand: 1px solid #e6e6e6” und “Rand: 0”. TR und TABLE haben zu “margin/padding: 0”, aber ich habe immer noch Platz zwischen TDs wie hier: h
Wieso den? 🙂
<td></td>
Kuba Żukowski
Ich erstelle eine “normale” Tabelle und alle TDs haben “Rand: 1px solid #e6e6e6” und “Rand: 0”. TR und TABLE haben zu “margin/padding: 0”, aber ich habe immer noch Platz zwischen TDs wie hier: h
Wieso den? 🙂
<td></td>
Brian Phillips
Seit cellspacing
und cellpadding
in HTML5 nicht mehr unterstützt werden, verwenden Sie das folgende CSS:
table {
border-collapse: collapse;
}
Keith
Verwenden Sie Cellspacing und Cellpadding:
<table cellspacing="0" cellpadding="0">
</table>
Dies ist jetzt veraltet. Verwenden Sie dies nicht. Verwenden Sie CSS table { border-collapse: collapse; }
stattdessen.
– RedDragonWebDesign
24. März 2020 um 10:02 Uhr
@RedDragonWebDesign hat jedoch für mich funktioniert. Wann wurde es verworfen?
– S.Alvi
6. September 2021 um 11:53 Uhr
@S.Alvi Veraltet bedeutet nicht immer gelöscht. Bedeutet nur, dass es offiziell nicht empfohlen wird und möglicherweise bald entfernt wird. Führen Sie dies in einem HTML5-Validator aus, um den veralteten Status zu bestätigen: <!DOCTYPE html><html><head><title>Test</title></head><body><table cellspacing="0" cellpadding="0"></table></body></html>
Siehe auch: google.com/search?q=cellspacing+in+table+html+veraltet
– RedDragonWebDesign
7. September 2021 um 5:29 Uhr
@RedDragonWebDesign Ich habe den HTML-Code tatsächlich im Validator ausgeführt. Es zeigt an, dass Cellspacing veraltet/veraltet ist. Vielleicht erwägt das OP, seine Antwort zu ändern?
– S.Alvi
8. September 2021 um 4:11 Uhr
Nach vielen Versuchen und Irrtümern habe ich am Ende das meiste von dem verwendet, was alle anderen erwähnt haben, sowie einige von anderen Websites. Das hat bei mir funktioniert.
table {
border:0px;
border-collapse:collapse;
border-spacing:0px;
}
td,img {
padding:0px;
border-width:0px;
margin:0px;
}
Perfekt! In meinem Fall wollte ich einen Tisch, an dem die tds tat Grenzen haben, sie waren gerecht geteilt Grenzen. border-collapse + border-spacing war genau das, was ich brauchte.
– Neminem
3. September 2015 um 23:47 Uhr
Etienne Arthur
Könntest du das versuchen?
table#table {
border-spacing: 0;
}
Dieses Stück CSS funktioniert für mich. Ich hoffe es hilft :).
Das wird sicher funktionieren.
table {
border-collapse: collapse;
}
Khn Rzk
Zellabstand & Zellpolsterung abgeschrieben statt nutzen border-spacing: 0;
Andy
Versuchen Sie auch diese Antwort
table.tableclassname td
{
display: inline-block;
}
Nun, es Wille Entfernen Sie die Lücke zwischen den Zellen, aber es wird auch radikal verändern, wie sich die Zellen verhalten und gerendert werden.
– MaxPRafferty
1. April 2016 um 20:54 Uhr
Mit so wenig Code kann ich nicht viel sagen. Bitte posten Sie Ihren Code oder, noch besser, erstellen Sie ein Jsfiddle oder einen Codepen, der das Problem dupliziert.
– Roboneus
24. Juli 2013 um 14:36 Uhr
etwas Code bereitstellen. am besten über jsfiddle.net
– Michael Walter
24. Juli 2013 um 14:36 Uhr
mögliches Duplikat von Tabellenzeilen und Tabellenbereich zwischen Zellen in CSS entfernen
– QUentin
24. Juli 2013 um 14:36 Uhr