सीएसएस लाइन-ऊंचाई का उपयोग करते हुए कैरेट दूसरी पंक्ति पर स्थानांतरित हो गया - क्या कोई कामकाज है?

Question

line-heightcontenteditable div में संपत्ति का उपयोग करके दूसरी पंक्ति में स्थानांतरित होने के बाद देखभाल को स्थानांतरित करने का कारण बनता है। यह कुछ कस्टम वेब-फोंट के साथ अधिक स्पष्ट है लेकिन एरियल जैसे मानक फोंट के साथ भी होता है। क्या इस व्यवहार के लिए कोई कामकाज है?

इस पर दूसरी पंक्ति

व्यवहार का एक डेमो नीचे स्थानांतरित कर दिया पाया जा सकता है पहली पंक्ति

कैरट पर कैरट पता चलता है:http://jsfiddle.net/sGgVR/

संपादित करें: ब्राउज़र सफारी 6.0.1 और क्रोम 22.0.1229.94

Answer 1

परीक्षण इस के लिए किसी भी सुरुचिपूर्ण समाधान नहीं देख पाते लिए इस्तेमाल किया। जब line-heightfont-size से कम है, तो लाइन ओवरलैप और कर्सर का शीर्ष भाग शीर्ष टेक्स्ट-बॉक्स द्वारा कट ऑफ किया जाता है।

शायद :first-line छद्म-तत्व किसी भी तरह से मदद करेगा, हालांकि, इसे आज़माएं। लेकिन मैं इसका अच्छा उपयोग नहीं कर सका।

जेएस का उपयोग करके कई अलग-अलग तत्वों पर मल्टी-लाइन ग्रंथों को तोड़ने का एक और अजीब तरीका है। सामग्री के साथ प्रत्येक पाठ्यक्रम के संपादन योग्य। और उसके बाद लाइन-ब्रेक पर नए तत्व बनाते हैं, बैकस्पेस पर विलय करते हैं या हटाते हैं। लेकिन यह समाधान मार्ग जैसा लगता है।