मैं CSS dotted border issue in adjacent columns in a table rendered as dash in Chrome के समान 2px बिंदीदार सीमा के लिए एक प्रतिपादन समस्या देख रहा हूं लेकिन डेस्कटॉप सफारी और क्रोम पर। मैं कुछ चौड़ाई की कोशिश की और यह उन्हेंसीएसएस बिंदीदार सीमा जारी करने के लिए
के सभी में होता है यह एक नमूना है:
खड़ी रेखा समाप्त होने के एक ही मुद्दा है, लेकिन यह तस्वीर से बाहर है।
नमूना: http://jsfiddle.net/bcdQQ/
यह समस्या होता है अगर चौड़ाई सीमा-चौड़ाई से विभाज्य नहीं है।
यह काम करता है: http://jsfiddle.net/bcdQQ/5/ (मैं, यह एक छोटा सा बड़ा बनाया बेहतर दृष्टि के लिए)
#prodpre {
border-bottom: #555 5px dotted;
height: 20px;
margin: 0px 0px 2px 0px;
padding-bottom: 10px;
width: 505px;
}
तो, केवल इस मुद्दे को पकड़ने के लिए संभावना, एक जावास्क्रिप्ट समाधान है, जो की चौड़ाई को सही किया जाएगा div, इसलिए यह सीमा-चौड़ाई से विभाजित है (क्योंकि यह आपके उदाहरण में गतिशील रूप से है)।
क्या आप इसे एक छोटे कंटेनर div में ओवरफ्लो छिपाने के साथ रख सकते हैं?
यह कुछ मुद्दों को हल कर सकती है लेकिन कुछ बार इसे लागू करना मुश्किल होगा – Juan
मैंने आपकी पहेली की कोशिश की, 500px के साथ, 10px डॉट और क्रोम और सफारी में एक ही समस्या प्राप्त होती है – Juan