Tôi đang gặp sự cố hiển thị cho đường viền chấm chấm 2px tương tự như CSS dotted border issue in adjacent columns in a table rendered as dash in Chrome nhưng trên Safari và Chrome dành cho máy tính để bàn. Tôi đã thử nhiều chiều rộng và nó sẽ xảy ra trong tất cả chúngĐường viền chấm chấm CSS hiển thị vấn đề
Đây là một mẫu:
dòng kết thúc dọc có cùng một vấn đề nhưng nó ra khỏi bức tranh.
mẫu: http://jsfiddle.net/bcdQQ/
Vấn đề này xảy ra nếu chiều rộng là không chia hết cho các cửa chiều rộng.
này hoạt động: http://jsfiddle.net/bcdQQ/5/ (i làm cho nó một chút lớn hơn, cho tầm nhìn tốt hơn)
#prodpre {
border-bottom: #555 5px dotted;
height: 20px;
margin: 0px 0px 2px 0px;
padding-bottom: 10px;
width: 505px;
}
Vì vậy, khả năng duy nhất để bắt vấn đề này, sẽ là một giải pháp javascript, mà sửa độ rộng của div, vì vậy nó có thể chia hết cho chiều rộng đường viền (vì nó là động trong ví dụ của bạn).
bạn có thể đặt nó vào div chứa nhỏ hơn khi bị tràn không?
nó có thể giải quyết một số vấn đề nhưng sẽ rất khó để áp dụng một số lần – Juan
Tôi đã thử câu đố của bạn, thử 500px với, 10px chấm và trong chrome và safari có cùng một vấn đề – Juan