2012-05-31 43 views
0

在webkit safari和chrome ive發現它們渲染css規則border:1px dotted;的最後一個px奇怪地是它將最後2個像素合併爲1,所以你在該行的最後得到一個黑色標記。webkit呈現最後一個px邊框:1px點綴;奇怪的是

有沒有其他人遇到過這個/找過工作了嗎?請參見附件圖像波紋管

enter image description here

+0

它可能與您添加虛線邊框的元素的寬度有關。如果寬度不夠寬,最後一個像素可能與前一個像素相結合,跳過空間 – Jason

+0

image ??????????? – Jawad

+0

這是由於不同瀏覽器繪製「虛線」角的方式。請參閱:http://jsfiddle.net/b6Qgn/1/ – aquinas

回答

4

給它一個border-right: 1px solid transparent;風格:http://jsfiddle.net/4CktD/

這很奇怪,但是,嘿,它的工作原理。

+0

我是在左側而不是在右側獲得雙點。另外它不適用於縮放和邊框寬度大於1px - 它只是削減了最後一個點的角落,看起來更糟糕。 – riv