Wie entferne ich einen zusätzlichen Randabstand zwischen den TBODY-Elementen?

Question

Wie entferne ich einen zusätzlichen Randabstand zwischen den TBODY-Elementen?

7

WICHTIG: Diese Frage ist nicht mehr gültig. Dieser Fehler wurde in den letzten Versionen von Chrome behoben.

Ich verwende border-spacing: 1px CSS-Regel, um alle Zellen in meinem TABLE mit einem 1px Abstand zwischen ihnen zu versehen. Allerdings muss ich mehrere TBODY -Elemente in meiner Tabelle verwenden. Ich bekomme 2px zwischen THEAD , TBODY und TFOOT elements (Chrome).

Was ist der einfachste Weg, um diese 2px Lücken durch 1px zu ersetzen?

Exakter HTML- und CSS-Code: Ссылка

css

wrygiel 12.02.2013, 23:11

quelle

4 Antworten

8

Es scheint, dass ein Konflikt zwischen dem border-collapse at table Level und den Kindern thead , tbody , tfoot besteht. Eine mögliche Problemumgehung:

Ссылка

%Vor%

greener 12.02.2013 23:25

quelle

5

Das löst es für mich:

%Vor%

jamps3 18.09.2014 13:57

quelle

3

Was es persönlich für mich gelöst hat, war das Ändern der Zeilenhöhe auf 0

Zeilenhöhe: 0; Randabstand: 0

John Smith 16.10.2014 13:03

quelle

Tags und Links css

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Regulärer Ausdruck, um Backslash in C # zu erlauben

score 9 · Accepted Answer

Hinweis: Dies ist ein Webkit-spezifischer Fehler. (Nicht in Firefox vorhanden, und wie üblich lädt IE nicht einmal jsFiddle, um es zu testen.)

Leider gibt es keine Möglichkeit richtig zu beheben. Es gibt bereits eine offene Frage zu diesem Thema . Darüber hinaus gibt es seit Chrome 8 einen Fehlerbericht , der bestätigt wurde, dass er existiert Chrome 20 (und ich kann in Chrome 25 bestätigen). Es gibt auch einen offenen Webkit-Fehler-Thread zu diesem Thema, der immer noch " NEU ".

Um ehrlich zu sein, kann ich nicht einmal einen Workaround dafür finden. Die Wiedergabe mit border-spacing , margin und sogar position scheint sich nicht darauf auszuwirken.