Problème de rendu de bordure en pointillé CSS

Je vois un problème de rendu pour une 2px dotted frontière similaire à CSS bordure en pointillé question dans les colonnes adjacentes dans une table rendu en tant que tableau de bord en Chrome mais sur le bureau Safari et Chrome. J'ai essayé plusieurs largeurs et il arrive dans tous

Ceci est un exemple:

Problème de rendu de bordure en pointillé CSS

la ligne verticale qui se termine a la même question, mais il est hors de l'image.

De l'échantillon:
http://jsfiddle.net/bcdQQ/

source d'informationauteur Juan Ignacio

  1. 8

    Ce problème se produit si la largeur n'est pas divisible par le border-width.

    Cela fonctionne:
    http://jsfiddle.net/bcdQQ/5/ (je l'ai fait un peu plus grand, pour une meilleure vue)

    #prodpre { 
    border-bottom: #555 5px dotted;
    height: 20px;
    margin: 0px 0px 2px 0px;
    padding-bottom: 10px; 
    width: 505px;
}

    Donc, la seule possibilité d'attraper cette question, serait une solution javascript, qui corrige la largeur de la div, donc il est divisible par le border-width (cause, il est dynamiquement dans votre exemple).

  2. 0

    pourriez-vous mettre dans un récipient plus petit div avec trop-plein caché?