Zwischenraum . Warum und wie kann ich entfernen?

Lesezeit: 2 Minuten

Benutzer-Avatar
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

Geben Sie hier die Bildbeschreibung ein

Wieso den? 🙂

<td></td>

http://jsfiddle.net/VfSdV/

  • 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

Benutzer-Avatar
Brian Phillips

Seit cellspacing und cellpadding in HTML5 nicht mehr unterstützt werden, verwenden Sie das folgende CSS:

table {
  border-collapse: collapse;
}

jsfiddle

Benutzer-Avatar
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

Benutzer-Avatar
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;
}

Benutzer-Avatar
Khn Rzk

Zellabstand & Zellpolsterung abgeschrieben statt nutzen border-spacing: 0;

Benutzer-Avatar
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

1152750cookie-checkZwischenraum . Warum und wie kann ich entfernen?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy