Frage Fügen Sie Leerzeichen zwischen den Zellen (td) mit css hinzu


Ich versuche, eine Tabelle mit Abstand zwischen Zelle hinzufügen, wie die Hintergrundfarbe der Zelle weiß ist und die Hintergrundfarbe der Tabelle blau ist, können Sie leicht sehen, dass Padding und Rand nicht funktionieren (ich verwende es auf die td), wird nur Platz innerhalb der Zelle hinzugefügt.


75
2018-01-15 10:27


Ursprung


Antworten:


Sie wollen border-spacing:

<table style="border-spacing: 10px;">

Oder in einem CSS-Block irgendwo:

table {
  border-spacing: 10px;
}

Sehen Quirkmodus auf border-spacing. Beachten Sie, dass border-spacing funktioniert nicht auf IE7 und darunter.


101
2018-01-15 10:31



table { 
  border-spacing: 10px; 
} 

Dies funktionierte für mich, sobald ich es entfernte

border-collapse: separate;

von meinem Tabellentag.


28
2017-10-15 23:09



Meins ist:

border-spacing: 10px;
border-collapse: separate;

22
2017-08-10 16:23



Überlegen Sie zu verwenden cellspacing und cellpadding Attribute für table Tag oder border-spacing CSS-Eigenschaft.


4
2018-01-15 10:33



cellspacing (Abstand zwischen Zellen) Parameter des TABLE-Tags ist genau das, was Sie wollen. Der Nachteil ist, dass es ein Wert ist, der sowohl für x als auch für y verwendet wird. Sie können keinen anderen Abstand oder Auffüllung vertikal / horizontal wählen. Es gibt auch eine CSS-Eigenschaft, die jedoch nicht allgemein unterstützt wird.


4
2018-01-15 10:38