2012-05-27 13 views
10

मैं < पी> तत्वों में बड़े प्रारंभिक बनाने की कोशिश कर रहा हूं जो सेनकॉन्ड लाइन पर शुरू होना चाहिए और दो लाइनों को कवर करना चाहिए लेकिन फ़ायरफ़ॉक्स में पहला अक्षर नहीं है जैसा कि मैं उम्मीद करता हूं (हर जगह काम करता है बाकी, IE में भी, केवल एफएफ समस्याओं ...)INITIALS - सीएसएस: दो पंक्तियों पर पहला अक्षर

http://jsfiddle.net/6SfHG/1/

First letter problem

कोई भी विचार है कि यह कैसे एक ही स्तर पर शुरू करने के लिए बनाता है?

+1

शायद वे विभिन्न 'लाइन height' मान हैं? क्या यह स्पष्ट रूप से उनको सेट करने में मदद करता है? –

उत्तर

6

यह मेरे लिए काम किया है, हालांकि यह बहुत ही सुंदर नहीं है: पहला अक्षर छद्म तत्व यह है कि खड़ी संरेखित करता है, आप नाव लागू करने की आवश्यकता:

तो का उपयोग कर एक क्रॉस ब्राउज़र ड्रॉप टोपी असर पाने के लिए छोड़ दिया , फिर टाइपफेस कैप ऊंचाई की ऊंचाई पाएं, उस पर लाइन-ऊंचाई को कम करें, मार्जिन-टॉप समायोजित करें ताकि यह फ़ायरफ़ॉक्स और ओपेरा या वेबकिट ब्राउज़र में सही ढंग से संरेखित हो और फिर आईई के लिए सशर्त टिप्पणियों का उपयोग केवल स्टाइलशीट मार्जिन- शीर्ष और सही ढंग से लंबवत प्रकार को संरेखित करने के लिए रेखा-ऊंचाई बदलें।

http://nickcowie.com/2009/drop-caps-first-letter-and-firefox/

संबंधित मुद्दे