CSSは国境が問題

Question

私はCSS dotted border issue in adjacent columns in a table rendered as dash in Chromeに似た2ピクセル点線のボーダーのためではなく、デスクトップのSafariとChrome上でレンダリングの問題を見ているレンダリング点在しました。私はいくつかの幅を試み、それが彼ら

の全てで起こるこのサンプルである：

縦線の終点が同じ問題を持っていますが、それは絵の外にあります。

サンプル：幅がボーダー幅で割り切れない場合 http://jsfiddle.net/bcdQQ/

Answer 1

、この問題が発生します。

これは動作します： は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、それはborder-widthで割り切れます（あなたの例では動的になります）。

Answer 2

あなたがオーバーフロー隠しと小さいコンテナのdivにそれを置くことができますか？私はあなたのバイオリンを試してみました