:: स्थिर मार्जिन की तुलना में% मार्जिन का उपयोग करते समय छद्म तत्व टेक्स्ट रैपिंग बनाता है

तो मुझे नेविगेशन बार के साथ समस्याएं आ रही हैं। मैं प्रत्येक ली को "/" वर्ण से अलग करना चाहता हूं और चाहता हूं कि रिक्ति खिड़की की चौड़ाई पर आधारित हो। जब तत्व से पहले :: ("/") का मार्जिन मार्जिन था: 0 20px; तत्व सभी इनलाइन थे। हालांकि, जब मैं इसे मार्जिन में बदलता हूं: 0 14.284%; ली सामग्री को स्लैश के नीचे गिरा दिया जाता है।

मैं ली लाइन में एक पंक्ति पर सबकुछ कैसे बना सकता हूं और केवल व्यापक हो सकता हूं लेकिन अभी भी तत्वों के बीच उस उत्तरदायी अंतर को बना सकता हूं।

I've provided a jsfiddle example at: http://jsfiddle.net/vDL9w/3/

संपादित करें: मुझे लगता है कि मेरे पास मुख्य प्रश्न यह है कि एक प्रतिशत दूसरे पाठ को क्यों छोड़ता है और मैं इसे केवल उत्तरदायी के बजाय तरल पदार्थ कैसे बना सकता हूं?

0

1 उत्तर

प्रतिशत के बजाय em इकाई का उपयोग करने के बारे में क्या

.nav-menu > li::before {
        content: "/";
        display: inline-block;
        margin: 0 1em; /* using ems */
}

आप मार्जिन को नियंत्रित करने के लिए ईएमएस का उपयोग कर सकते हैं

EXAMPLE: http://jsfiddle.net/vDL9w/5/

ली के बीच आवश्यक स्थान की अपनी पसंद के अनुसार मार्जिन em मान को समायोजित करें .. (यानी .. 1.2em या 0.9 .. आदि ..)

em इकाई उस तत्व की 'फ़ॉन्ट-आकार' प्रॉपर्टी के गणना मूल्य के बराबर है जिस पर इसका उपयोग किया जाता है।

http://dev.w3.org/csswg/css3-values/#em -unit

:)

0
जोड़ा
मैं खिड़की के आकार बदलने के साथ और अधिक तरल पदार्थ होने की उम्मीद कर रहा था। अन्यथा यह मीडिया निश्चित रूप से निश्चित मूल्यों के साथ आकार पूछताछ करेगा। मैं यह भी सुनिश्चित नहीं कर रहा हूं कि मार्जिन समान समकक्ष पीएक्स आकार के समान होने पर पाठ को स्लैश के नीचे क्यों गिराया जा रहा है।
जोड़ा लेखक The.Professor, स्रोत
मैं मीडिया प्रश्नों का एक समूह का उपयोग कर सकता हूं, लेकिन मैं इसे "/" हटाने के लिए सबसे बड़ी, मीडिया क्वेरी को तरल बनाने की कोशिश कर रहा हूं, और मीडिया डिवाइस पर इसे ड्रॉपडाउन मेनू बनाने के लिए मीडिया क्वेरी। मुझे लगता है कि मेरे पास मुख्य प्रश्न यह है कि एक प्रतिशत दूसरे पाठ को क्यों छोड़ देता है और मैं इसे उत्तरदायी के बजाय तरल पदार्थ कैसे बना सकता हूं। मैं अपना प्रश्न संपादित करूंगा।
जोड़ा लेखक The.Professor, स्रोत
यदि आप LI तत्वों पर फ़ॉन्ट आकार के लिए मीडिया क्वेरी सीएसएस नियम स्थापित करने के बजाय मीडिया प्रश्नों का उपयोग कर रहे हैं .. चूंकि ईएमएस तत्व के फ़ॉन्ट-आकार के आधार पर अपना मान प्राप्त करते हैं। .. या आपके एलआई तत्वों के लिए आपका फ़ॉन्ट आकार वही रहता है जब खिड़की का आकार बदलता है?
जोड़ा लेखक Jonathan Marzullo, स्रोत