Wie setze ich Cellpadding und Cellspacing in einer Tabelle mit CSS? [duplicate]

Lesezeit: 2 Minuten

Benutzer-Avatar
Sudipa Sengupta

Kann mir jemand sagen, wie man Tabellenzellenauffüllung und Zellenabstand ändert, wie man es in HTML tun kann mit:

<table cellspacing="0" cellpadding="0"> 

Aber wie geht das mit CSS?

Benutzer-Avatar
Kap

Verwenden padding auf den Zellen u border-spacing auf den Tisch. Ersteres gibt Ihnen Cellpadding, während letzteres Ihnen Cellspacing gibt.

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

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

jsFiddle-Demo

  • Update: Demo hinzugefügt, die Sachen besser veranschaulicht

    – kappa

    7. Mai 2013 um 12:54 Uhr

Benutzer-Avatar
Milch Patern

Die Auffüllung in einem Tabellenteiler (TD) ist eine Auffüllungseigenschaft, die auf die Zelle selbst angewendet wird.

CSS

td, th {padding:0}

Der Abstand zwischen den Tabellenteilern ist ein Abstand zwischen den Zellgrenzen der TABELLE. Um es wirksam zu machen, müssen Sie angeben, ob die Grenzen Ihrer Tabellenzellen “zusammenfallen” oder “getrennt” werden sollen.

CSS

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

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

  • border-collapse:separated ist ungültig. Sollte separat sein (kein ‘d’)

    – Kralle

    13. März 2014 um 11:37 Uhr

  • @Talon Das war nützlich, danke

    – Milche Patern

    14. März 2014 um 16:49 Uhr

Benutzer-Avatar
Nacht

Hier ist der Lösung.

Der HTML-Code:

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

Das CSS:

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

Hoffe das hilft.

BEARBEITEN

td, th {padding:0}

  • Zellenabstand und -auffüllung sind Attribute der Zellen innerhalb der Tabelle. Ich würde denken, dass das Einstellen des Randes und des Auffüllens auf dem td genauer wäre.

    – Doug Dawson

    7. Mai 2013 um 12:41 Uhr

  • Hier ist die Geige für dasselbe jsfiddle.net/mVSaa – @Darkwater23

    – Nitesh

    7. Mai 2013 um 12:44 Uhr


  • Ich stimme Ihrem Punkt zu. Die Geige ausprobiert, getestet und schließlich bearbeitet. jsfiddle.net/mVSaa/1 – @Darkwater23

    – Nitesh

    7. Mai 2013 um 12:58 Uhr


1158220cookie-checkWie setze ich Cellpadding und Cellspacing in einer Tabelle mit CSS? [duplicate]

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

Privacy policy