line-height
क्या करना है क्योंकि पहले से ही font-size
नामक एक विशेषता है?लाइन-ऊंचाई का उद्देश्य क्या है, और सफेद-स्थान क्या होता है: अब्रैप करते हैं?
और इसका क्या मतलब है जब हम की तरह कुछ निर्दिष्ट करें:
white-space:nowrap;
line-height
क्या करना है क्योंकि पहले से ही font-size
नामक एक विशेषता है?लाइन-ऊंचाई का उद्देश्य क्या है, और सफेद-स्थान क्या होता है: अब्रैप करते हैं?
और इसका क्या मतलब है जब हम की तरह कुछ निर्दिष्ट करें:
white-space:nowrap;
line-height संपत्ति आप स्वतंत्र रूप से फ़ॉन्ट आकार से पाठ की एक पंक्ति की ऊंचाई निर्धारित करने के लिए (आदि खड़ी पाठ की एक पंक्ति केंद्रित, के लिए अच्छी तरह से काम करता है) की अनुमति देता है
white-space: nowrap; टेक्स्ट की लाइनों के लिए < br/> तक लपेटने के लिए नहीं होगा।
line-height संपत्ति लाइनों के बीच की दूरी तय करता है। यदि आप फ़ॉन्ट आकार से बड़ा मान बनाते हैं तो ऐसा लगता है कि लाइनें आगे बढ़ रही हैं। इसे छोटा सेट करें, और लाइनों को ओवरलैप करना शुरू हो जाएगा।
लाइन-ऊंचाई लाइनों के बीच की जगह निर्दिष्ट करता है। तो "डबल स्पेस" प्रकार प्राप्त करने के लिए, आपके पास लाइन-ऊंचाई होगी: 200%। Read More...
line-height: http://www.w3schools.com/css/pr_dim_line-height.asp
white-space: http://www.w3schools.com/css/pr_text_white-space.asp
यह ज्यादातर एक पैराग्राफ में लाइनों के बीच की दूरी के लिए प्रयोग किया जाता है।
Line-height संपत्ति लाइनों के बीच की दूरी निर्धारित करती है।
white-space संपत्ति सेट करता है कि किसी तत्व के अंदर सफेद-स्थान कैसे संभाला जाता है।
nowrap: पाठ लपेट कभी नहीं होगा, यह एक ही लाइन पर जारी है जब तक एक <br> टैग
एक और चाल है कि line-height संपत्ति के साथ इस्तेमाल किया जा सकता खड़ी एक तत्व के अंदर का पाठ संरेखित करने के लिए किया जाता है का सामना करना पड़ा है । निम्न उदाहरण लें:
<div class="container">
<h1>Vertically align this!</h1>
</div>
.container {
height: 5em;
background-color: red;
line-height: 5em;
}
.container h1 {
font-size: 3em;
}
line-height
, दो पंक्तियों के बीच की दूरी तय करेंगे या तो एक पूर्ण या संबंधित मूल्य के रूप में। तो line-height: 2em;
डबल लाइन स्पेसिंग, आदि होगा जबकि font-size
फ़ॉन्ट का वास्तविक आकार सेट करता है।
white-space
ब्राउजर को व्हाइटस्पेस को संभालने का तरीका बताता है। "अब्रैप" ब्राउजर को पाठ को कभी भी लपेटने के लिए नहीं बताएगा, और इसके बजाय पाठ को लाइन पर जारी रखने के लिए लाइन ब्रेक टैग (<br/>
) का सामना करना पड़ता है। आप व्हाइटस्पेस को सुरक्षित रखने के लिए "प्री" का भी उपयोग कर सकते हैं (<pre>
एचटीएमएल टैग का उपयोग करने के समान), या ब्राउजर को व्हाइटस्पेस को अनदेखा करने के लिए "सामान्य" का उपयोग कर सकते हैं (यह डिफ़ॉल्ट है)।
रेखा ऊंचाई टेक्स्ट की ऊंचाई है। फ़ॉन्ट्स में एक अंतर्निहित, डिफ़ॉल्ट रेखा ऊंचाई है। टेक्स्ट को सिंगल लाइनों के लिए यह पैडिंग समायोजित करने जैसा ही होगा। लेकिन पाठ की बहुतायत के लिए यह पाठ की रेखाओं के बीच की जगह को नियंत्रित करता है - जिस पर नियंत्रण करने का कोई अन्य तरीका नहीं है।
व्हाइट-स्पेस: अब्रैप ब्राउज़र को क्षैतिज रूप से बाहर होने पर एक नई लाइन शुरू नहीं करने के लिए कहता है। इसके बजाए, तत्व को जितना चौड़ा होगा उतना चौड़ा करें, और फिर बस बॉक्स के आयामों को ओवरफ़्लो करें।आप & nbsp; के साथ सभी रिक्त स्थानों को प्रतिस्थापित करके एक ही चीज़ प्राप्त कर सकते हैं; संस्थाओं।
"सफेद-स्थान: अब्रैप;" का मुख्य उपयोग एक टेबल हेडर सेल (तालिका के शीर्ष पर, या बाईं ओर) के अंदर है जहां आप इसे नहीं चाहते हैं, तालिका सामग्री के आधार पर, आपको लाइन ब्रेक मिलेंगे। इसके बिना, परिणाम आसानी से बदसूरत होगा।