在Chrome中呈現爲破折號的表格中的相鄰列中的CSS虛線邊框問題

當我在Chrome和Firefox中運行代碼http://jsfiddle.net/KW3Dw/4/時，兩者的顯示邊框都有所不同。我在Chrome中的相鄰單元格之間看到了短劃線，而在Firefox中，它沒有任何破折號。我怎樣才能解決這個問題？在Chrome中呈現爲破折號的表格中的相鄰列中的CSS虛線邊框問題

2011-08-04 varunvs

如果第一個單元格的寬度使邊框以一個圓點結尾，並且下一個單元格的邊框以點開始，那麼它將顯示一個「短劃線」，它們是相鄰的兩個點。您可以強制第一個單元格的寬度匹配不均勻的一個點的寬度，因此它總是以無圓點結尾。製作第一個td'width：40px'，你會明白我的意思。 – Bazzz

@Bazzz我把寬度應用到40px，但我沒有看到任何改變。 – varunvs

@varunvs，請參閱http://stackoverflow.com/q/6250394/632951 – Pacerier

您可以將水平邊框間距設置爲單元格之間以及邊框點之間的偶數個像素。

你無法通過修改表的風格「修理」它，這點是基於Chrome解釋的方式。這只是瀏覽器的限制。

2011-08-11 21:48:54 biphobe

border-spacing與解決方案有什麼關係？ – Pacerier

一個或兩個以上的像素可以有所作爲 – Prozi

回答