मैं इस पाठ की रेखा-ऊंचाई क्यों कम नहीं कर सकता?

Question

http://jsfiddle.net/mJxn4/

यह बहुत अजीब है: मैं पाठ की कुछ लाइनें एक <em> टैग में लिपटे है। कोई फर्क नहीं पड़ता कि मैं क्या करता हूं, 17px से नीचे line-height के मान को कम करने का कोई प्रभाव नहीं पड़ता है। मैं line-height को 17px से अधिक तक टक्कर दे सकता हूं और यह लागू होगा, लेकिन मुझे इसे 17px से कम नहीं मिल सकता है।

सीएसएस सवाल में है:

#others .item em { 
    font-size: 13px; 
    line-height: 17px; 
} 

लाइन ऊंचाई दोनों उच्च समायोजित करने का प्रयास और कम और प्रत्येक परिवर्तन के बाद अद्यतन बेला चलाने के लिए, और आप देखेंगे कि मैं क्या मतलब है।

यह क्यों होगा? सीएसएस में कहीं भी line-height निर्दिष्ट नहीं है, इसलिए कुछ भी ओवरराइड नहीं कर रहा है। यह वैसे भी मामला नहीं हो सकता क्योंकि मैं line-height को उसी चयनकर्ता के भीतर ऊपर और नीचे समायोजित कर रहा हूं, इसलिए यह समझ में नहीं आता है कि एक उच्च मूल्य लागू होगा, लेकिन कम मूल्य ओवरराइड हो जाएगा। जो सीएसएस नियम रीसेट जा रहा है के बराबर - - आला http://meyerweb.com/eric/tools/css/reset/

आप रीसेट रीसेट कर सकते हैं, या एक अलग रीसेट का उपयोग करता है, तो क्या तुम सच में इसकी जरूरत

Answer 1

क्योंकि em टैग इनलाइन है और उसकी पंक्ति-ऊंचाई अपनी मूल div की तुलना में कम नहीं हो सकता।

उदाहरण के लिए, यदि आप माता-पिता की लाइन-ऊंचाई 10px पर सेट करते हैं, तो आप em टैग की ऊंचाई-ऊंचाई को 10px तक भी कम कर पाएंगे।

Answer 2

आप का उपयोग करने की jsfiddle में normalized css विकल्प लग रहे हैं।

अधिक जानकारी के लिए यहाँ देखें:

http://sixrevisions.com/css/a-comprehensive-guide-to-css-resets/

Answer 3

इसे करने का सबसे अच्छा तरीका सीएसएस रीसेट का उपयोग कर रहा है।

अपनी खुद लिखें या

http://meyerweb.com/eric/tools/css/reset/

Answer 4

सबसे आसान तरीका है एक उच्च प्राथमिकता के साथ लाइन ऊँचाई निर्दिष्ट करने के लिए है की तरह लोकप्रिय एक का उपयोग करें, उदाहरण के लिए आप लिख सकते हैं: line-height: 14px महत्वपूर्ण;!

यदि यह अभी भी काम नहीं कर रहा है, जहां आप लाइन ऊंचाई (इनलाइन सीएसएस) को कम करना चाहते हैं और शरीर सीएसएस में भी डालना चाहते हैं .. उच्च प्राथमिकता (! महत्वपूर्ण;) याद रखें क्योंकि यह ओवरराइड करता है कोई अन्य अज्ञात सीएसएस नियम।

आशा इस मदद करता है

अहमद

Answer 5

मैं मोबाइल दृश्य में divs के साथ इस समस्या का सामना करना पड़ रहा था - लाइन ऊंचाई रास्ता बहुत बड़ा और line-height काम नहीं कर रहा था!Why isn't the CSS property 'line-height' letting me make tight line-spaces in Chrome?

आशा इस किसी और line-height संपत्ति के लिए भविष्य

Answer 6

में एक ही समस्या का सामना करना पड़ आदेश में काम करने के लिए, div चाहिए मदद करता है: यहाँ सलाह के अनुसार, 'ब्लॉक प्रदर्शन "मैं इसे जोड़कर काम करने में कामयाब ब्लॉक

.app-button-label{ 
    line-height: 20px; 
    display: block; 
}