सीएसएस सेटिङहरू: रेखा दूरी

CSS मा, रेखा बीच दूरी सेट गर्न धेरै सजिलो छ। यो उद्देश्य लागि त्यहाँ एक विशेष सम्पत्ति छ। तर, पाठ्यक्रम, धेरै अन्य मापदण्डहरू, सार्वभौमिक जो र पाठ लागू गर्न सकिन्छ छन्।

कुनै समायोजन गरेको छ भने, तपाईंले पूर्वनिर्धारित मान सेट छन्। इच्छित यदि तपाईं दूरी परिवर्तन गर्न सक्नुहुन्छ। मान एक प्रतिशत वा पिक्सेल या त हुन सक्छ।

पङ्क्ति उचाइ

रेखा बीच CSS दूरी निम्न आंकडा द्वारा प्रदर्शन गर्न सकिन्छ।

माथिको चित्र अनुरूपको दूरी संग मापदण्डहरू देखाउँछ। पाठ ठाउँ font-size छ। पाठ लाइन आधार र अलिकति उच्च मा शुरू गर्दैन भनेर याद गर्नुहोस्। स्पेस जो तल तत्व (G, Y, र यति मा) छ पत्रहरूमा तल प्रदान।

यस ब्लक font-size बीच स्पेस प्रमुख भनिन्छ भनेर याद गर्नुहोस्। HTML र CSS यो सम्पत्ति देखा छैन, तर यो अन्य ग्राफिक र पाठ सम्पादक छ। उदाहरणका लागि, मा Adobe Photoshop।

को "Photoshop" मा, तपाईं प्रमुख निर्दिष्ट गर्न सक्नुहुन्छ जहाँ शो माथिको आंकडा। र अर्को font-size सेटिङ निर्दिष्ट।

लाइन उचाइ प्रयोग उदाहरणहरू

CSS मा, लाइनहरु बीचको दूरी प्रतिशत सेट गर्न सकिन्छ। उदाहरणद्वारा उदाहरण तल दिइएको छ।

आफ्नो साइट को प्रयोगकर्ता को सानो मान को मामला मा पढ्न असुविधाजनक हुनेछ।

दूरी वैविध्यपूर्ण र फन्ट को आकार हुन सक्छ। आधारभूत मापदण्डहरु भिन्नता संख्या मा निकै फरक हुनेछ भने, फरक वृद्धि अग्रणी क्षतिपूर्ति दिइएको छ।

डिजाइन को subtleties

थप रेखाहरू बीच CSS दूरी विभिन्न indents अनुकूलन गर्न सक्नुहुन्छ। उदाहरण को संख्या मा विचार गर्नुहोस्।

यस मामला मा "तत्व" पाठ हुनेछ। Padding - वस्तु को इन्डेन्टेसन - गद्दी वस्तु भित्र मार्जिन छ, र। सीमाना - यो फ्रेम। यो हुन 0 पिक्सल, र 100 हुन सक्छ गर्न सक्नुहुन्छ।

निम्न तस्बिर तुरुन्तै सबै मार्जिन, फ्रेम र पाठ को एक लाइन उचाइ देखाउँछ।

तपाईं सबै एक लाइन मा एउटा सानो पाठ, वा छुट्टै अनुच्छेद मा प्रत्येक लाइन छ भने, दूरी इन्डेन्ट अनुच्छेद बीच समायोजित गर्न सकिन्छ। त्यो कुनै असर गर्नेछ एक सेल मा रेखा बीच maring र padding छ। तिनीहरूले मात्र वस्तु को किनाराको मा इन्डेन्टेसन सिर्जना गर्नुहोस्। आपत्ति - यो सम्पूर्ण अनुच्छेद, यो मा लाइनहरु को सट्टा। यो भ्रमित प्राप्त गर्न महत्त्वपूर्ण छ।

अवस्थाहरू जहाँ एउटै वस्तु स्थित सबै जो पङ्क्ति, एक ठूलो संख्या, फन्ट आधारभूत मापदण्डहरु परिवर्तन गर्न सिफारिस गरिएको छ।

CSS को लाइनहरु बीचको दूरी कसरी वृद्धि गर्न

HTML को लाइनहरु बीचको दूरी, तपाईं कुनै पनि वर्ग वा पाठ सबै अनुच्छेद लागि दर्ता गर्न सक्नुहुन्छ। पी {लाइन उचाइ: तपाईं यो जस्तै निर्दिष्ट यदि 20px; } - त्यसपछि बिल्कुल पृष्ठमा सबै अनुच्छेद 20 पिक्सेल को तार हुनेछ। तपाईं विभिन्न आकार मा विभिन्न ठाउँमा चाहनुहुन्छ भने, यो निम्नानुसार गर्न सिफारिस गरिएको छ।

हामी शैलीहरू सल्लाह दिन्छन्।

.class1 {लाइन उचाई: 20px; }

.class2 {लाइन उचाई: 16px; }

.class3 {लाइन उचाइ: 12px; }

स्पष्टताको लागि, हामी तपाईँलाई यो काम गर्दछ हेर्न सकून्, एक फ्रेम थप्नुहोस्। भविष्यमा, यो हटाउन पर्छ।

अर्को, हामी यी कक्षाहरू प्रयोग गर्नुहोस्। निम्नानुसार परिणाम हो।

तेस्रो मामला मा, ब्यान्ड पाठ गर्न चलाए भनेर याद गर्नुहोस्। सबै कारण भन्ने तथ्यलाई गर्न फन्ट साइज लाइन उचाइ भन्दा ठूलो छ। त्यसैले, यो यस्तो संघर्ष थिएनन् भन्ने सुनिश्चित गर्न महत्त्वपूर्ण छ। तपाईं एउटा सानो लाइन उचाइ गरिरहेका छन् भने, क्रमशः, फन्ट कम।

त्यो अत्यन्त सानो पाठ र रेखा बीच एउटा सानो दूरी गर्न सिफारिस गरिएको छैन। पछि प्रयोगकर्ता को कुनै पनि शान्तपूर्वक यो सबै पढ्न सक्षम हुने छैन। उहाँले चाँडै थकित आँखा। खोज इन्जिन पनि पाठ प्रयोगकर्ता-अनुकूल छ भन्छन्।

यसबाहेक, हालका वर्षमा त्यहाँ मोबाइल प्रयोगकर्ताका लागि प्रयोज्य मा एक मजबूत जोड छ। त्यहाँ सिफारिसहरू सधैं फन्ट साइज सामान्य, साना हुनुपर्छ बताए छन्। विशेष गरी कडा यो सन्दर्भ असर गर्छ। आफ्नो सानो आकार संग प्रयोगकर्ता साइट नेभिगेसन प्रयोग गर्न कठिन हुनेछ।

खोज इन्जिन मा "गुगल" भन्ने विश्लेषण मा मद्दत गर्छ विशेष उपकरण हो। यो वेबमास्टरों लागि धेरै सुविधाजनक छ।

यहाँ हुन सक्छ कि परिणाम एउटा उदाहरण हो।

यी मापदण्ड खोज परिणाम असर किनभने यी सुझावहरू प्रयोग गर्न सिफारिस गरिएको छ।