2011-08-04 14 views
7

Po uruchomieniu tego kodu http://jsfiddle.net/KW3Dw/4/ w przeglądarce Chrome i Firefox obie krawędzie są wyświetlane w różny sposób. Widzę kreskę między sąsiadującymi komórkami w przeglądarce Chrome, podczas gdy w przeglądarce Firefox jest ona renderowana bez żadnych kresek. Jak mogę to naprawić?Występuje przerywane obramowanie CSS w sąsiednich kolumnach w tabeli renderowanej jako kreska w przeglądarce Chrome

+0

jeśli szerokość pierwszej komórki powoduje, że krawędź kończy się kropką, a następna kreska zaczyna się kropką, to pokazuje "kreskę", czyli 2 kropki obok siebie. Możesz zmusić szerokość pierwszej komórki do dopasowania nierównego razy szerokości jednej kropki, aby zawsze kończyła się bez kropki. Zrób pierwszą td 'width: 40px', a zobaczysz co mam na myśli. – Bazzz

+0

@Bazzz Zastosowałem szerokość do 40 pikseli, ale nie widzę żadnej zmiany. – varunvs

+0

@varunvs, zobacz http://stackoverflow.com/q/6250394/632951 – Pacerier

Odpowiedz

7

Można ustawić poziome odstępy między krawędziami na parzystą liczbę pikseli między komórkami i między kropkami.

Na przykład: http://jsfiddle.net/Gmhuw/

Nie można „naprawić” go modyfikując styl tabeli, w kropki te są interpretowane w ten sposób przez Chrome. To tylko ograniczenie przeglądarki.

+0

Co ma do czynienia z 'border-spacing'? – Pacerier

+0

jeden lub dwa piksele mogą mieć znaczenie – Prozi

Powiązane problemy