在Chrome中以短划线形式呈现的表格中的相邻列中出现CSS边框问题 [英] CSS dotted border issue in adjacent columns in a table rendered as dash in Chrome

问题描述

当我在Chrome和Firefox中运行此代码 http://jsfiddle.net/KW3Dw/4/ 时，都会显示边界不同。我在Chrome中的相邻单元格之间看到一个破折号，而在Firefox中，它没有任何破折号。

When I run this code http://jsfiddle.net/KW3Dw/4/ in Chrome and Firefox, both display border differently. I see a dash in between adjacent cells in Chrome, while in Firefox, it's rendered without any dashes. How can i fix this?

推荐答案

您可以将单元格之间和边框点之间的水平边框间距设置为偶数像素。

You can set horizontal border-spacing to even number of pixels between cells and between border's dots.

例如： http://jsfiddle.net/Gmhuw/

您不能通过修改表格的样式来修复这些点，Chrome会解释这些点。这只是浏览器的限制。

You can't "fix" it by modifying your table's style, these dots are interpreted that way by Chrome. That's just the browser's limiation.

这篇关于在Chrome中以短划线形式呈现的表格中的相邻列中出现CSS边框问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！