सीएसएससँग कसरी उचित पाठ सेट गर्नुहोस्

CSS पाठ-गुण प्रयोग गरी पाठको औचित्य गर्न पङ्क्तिबद्ध गर्नुहोस्

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

उचित पाठ भनेको पाठको एक ब्लक हो जुन बायाँ र दायाँ दुवैतिर पङ्क्तिबद्ध हुन्छ, जस्तै ती पक्षहरू मध्ये एक को विपरीत (जुन के "बायाँ" र "दायाँ" औचित्य गर्छ)। दु: खी उचित प्रभावले शब्दको प्रत्येक रेखामा शब्द र पत्र रिक्त स्थानहरू समायोजन गरेर पूरा गरेको छ भन्ने सुनिश्चित गर्न प्रत्येक रेखा एउटै लम्बाई हो। यो प्रभाव पूर्ण औचित्य भनिन्छ। तपाईले पाठ-पङ्क्तिबद्ध गुण प्रयोग गरी CSS मा टेक्स्टलाई औचित्य दिनुहुन्छ

कसरी औचित्य कार्य गर्दछ?

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

प्रत्येक वेब ब्राउजर निर्माताले रेखा भित्रको अतिरिक्त रिक्त स्थानहरू आवेदन गर्नको लागि यसको एल्गोरिथ्म छ । ब्राउजरहरू शब्द लम्बाइ, हाइफनेशन र अन्य कारकहरू हेर्न जहाँ खाली ठाउँ राख्न को लागी निर्धारण गर्दछ।

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

पाठ कसरी जनाइएको छ

सीएसएसको साथ पाठ जस्टिङ्ग गर्न को लागी औचित्यको लागि पाठको खण्ड आवश्यक छ।

सामान्यतया, पाठको अनुच्छेदमा यो पाठ सर्भरको ठूला ब्लकबाट बहुविध रेखाहरू प्रायः अनुच्छेद ट्यागहरूसँग चिन्ह लगाइनेछ।

तपाईंको दावी को औचित्य गर्न को लागी, यो सिर्फ शैली को सीएसएस टेक्स्ट-पङ्क्ति शैली गुण संग उचित तरिका को स्थापित गर्ने एक मामला हो।

पाठ-पङ्क्तिबद्ध: उचित;

तपाइँलाई यो सीएसएस नियमलाई उपयुक्त चयनकर्तामा लागू गर्न आवश्यक छ को लागी पाठको ब्लक प्राप्त गर्न को लागी रेन्डर गर्न को लागी।

पाठलाई जस्टिफाई गर्ने बेला

धेरै मानिसहरू एक डिजाइन प्वाइन्टबाट उचित पाठ को लागी जस्तै, ठूलो मात्रामा किनभने यो एक धेरै निरंतर, मापन रूप सिर्जना गर्दछ, तर वेबपेजमा पाठ को पूर्ण रूपमा उचित गर्नका लागि downsides छन्।

पहिलो, उचित पाठ पढ्न गाह्रो हुन सक्छ। यो कारणले गर्दा तपाई पाठ को औचित्य दिनुहुन्छ, कहिलेकाहीँ धेरै स्थानहरू लाइनमा केही शब्दहरू बीचमा थप्न सकिन्छ। ती असंगत अंतरालले पाठ र पढ्न गाह्रो बनाउन सक्छ। यो वेब पेजहरूमा विशेष गरी महत्त्वपूर्ण छ, जुन प्रकाश, रिजोल्युशन वा अन्य हार्डवेयर गुणस्तरको कारण पहिले नै पढ्न गाह्रो हुन सक्छ। पाठमा असामान्य खाली ठाउँहरू थप्दा खराब स्थिति पनि खराब हुन सक्छ।

पढ्नका लागि समस्याको बावजूद, पाठको मध्यमा सेतो स्पेसको "नदीहरू" सिर्जना गर्न खाली रिक्त स्थानहरू एकअर्कासँग रेखाङ्कन गर्दछ।

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

यसैले तपाईले पाठ औचित्य प्रयोग गर्नुपर्दछ? पाठको औचित्य गर्न उत्तम समय हुन्छ जब रेखाहरू लामो हुन्छन् र फन्ट साइज सानो छ (जुन उत्तरदायी वेबसाइटहरूमा सुनिश्चित गर्न कठिन छ जहाँ स्क्रिन आकारहरूमा आधारित लम्बाई परिवर्तन हुन्छ)। लाइन वा लम्बाइको लम्बाइको लागि कुनै सजिलो र तेर्सो नम्बर छैन; तपाईंले आफ्नो उत्तम निर्णयको प्रयोग गर्नु पर्छ।

पाठ को औचित्य गर्न पाठ-पङ्क्तिबद्ध शैली लागू गरेपछि, पाठलाई स्पेस स्पेसको नदाइहरू पक्का सुनिश्चित गर्न यो परीक्षण गर्नुहोस् - र यसलाई विभिन्न आकारमा परीक्षण गर्न निश्चित गर्नुहोस्।

यो गर्न को लागि सबसे आसान तरीका यो squinted आँखों संग देखने को छ। नदीहरू ब्ल्याक ब्लकको रूपमा ब्लुटुथको रूपमा निस्किन्छ। यदि तपाइँ नदीहरू देख्नुहुन्छ भने, तपाईंले पाठ आकारमा परिवर्तन गर्न वा पाठ ब्लकको चौडाइलाई ती नराम्रो नदीहरू हटाउनको लागि परिवर्तन गर्नुपर्छ।

तपाईंले यो लेखमा देखाइएको बायाँ-पङ्क्ति पाठको तुलना गर्नु भएको यो केवल औचित्य प्रयोग गर्नुहोस्। तपाईं पूर्ण औचित्यको स्थिरता जस्तो बनाउनुहुन्छ, तर मानक बायाँ उचित पाठ सामान्यतया पढ्न योग्य छ। अन्तमा, तपाईँले पाठ को औचित्य दिनुपर्छ किनकि तपाईंले डिजाईन प्रयोजनों को लागि पाठ को औचित्य चुने छ र तपाईंको साइट पढ्न सजिलो छ भन्ने पुष्टि गरेको छ।