我看到一个类似于
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的宽度,所以它可以被边界宽度整除(因为它在你的例子中是动态的).
