@H_404_1@我看到一个类似于
CSS dotted border issue in adjacent columns in a table rendered as dash in Chrome的2px虚线边框的渲染问题,但在桌面Safari和Chrome上.我尝试了几个宽度,它发生在所有的
这是一个例子:
垂直线结束有相同的问题,但它是出于图片.
解决方法
如果宽度不能被边框宽度整除,则会出现此问题.
这样做:
http://jsfiddle.net/bcdQQ/5/(我做了一点点,更好的视线)
#prodpre { border-bottom: #555 5px dotted; height: 20px; margin: 0px 0px 2px 0px; padding-bottom: 10px; width: 505px; }
所以,唯一的可能性来抓住这个问题,将是一个javascript解决方案,它纠正了div的宽度,所以它可以被边界宽度整除(因为它在你的例子中是动态的).