बीचमा CSS को प्रयोग: पाठ र तालिका

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

उचित साइट पृष्ठ संरचना प्रत्येक तत्व को स्थिति निर्धारण समावेश छ। HTML-कागजात सधैं छ - प्रदर्शनमा तत्व को एक अनुक्रम सीधा तीन आधारभूत नियमहरू प्रभावित छ:

• निरपेक्ष स्थिति (स्थिति);
• धारा मा स्थान;
• Z-सूचकांक।

अन्य आवास विकल्प, महत्त्वपूर्ण पनि हो CSS समस्या समाधान गर्न थप ज्ञान आवश्यक "पाठ को केन्द्र मा।"

केंद्रित र पङ्क्तिबद्ध नियम

CSS नियमहरु HTML-कागजात पूरक, तर कुनै पनि पङ्क्तिबद्ध विकल्प सामना गर्न सक्नुहुन्छ उत्तरार्द्ध को सही बिना। अन्य पङ्क्तिबद्ध अक्सर मूल्य हराउछ गर्दा मोबाइल उपकरणहरू को सर्वव्यापकता र ठूलो सादगी र "squareness" को दिशा मा हेरविचार को डिजाइन, वर्तमान केंद्रित मुद्दा बनाउँछ।

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

{
उचाई: 88px; // यो अनुपात मा
लाइन उचाई: 88px; // पाठ केन्द्र CSS - ठाडो
}

तपाईं विभिन्न नियमहरू संग परीक्षण गर्न सक्नुहुन्छ। ; तालिका, प्रदर्शन: तालिका-सेल र ठाडो-align: स्रोतहरूबाट ब्लक प्रदर्शन नियम को व्याख्या बारेमा उल्लेख पाइन्छ मध्य; तर सधैं यो काम गर्दछ।

टेबल द्वारा पाठ aligning

थियो कि मात्र डाटा संरचना पहिलो बुझे र सधैंभरि बाँच्न गर्न - तालिका। यसलाई प्रदान गर्दछ र ठाडो र तेर्सो पङ्क्तिबद्ध, बाहेक, टेबल प्रयोग गरेर CSS केन्द्रमा पाठ राख्न कसरी प्रश्न अब एक जटिल अर्थ राख्छ।

को मार्कअप मा एक विशेष उद्देश्य हासिल गर्न CSS नियम प्रयोग अवस्थित अभ्यास सधैं छैन क्यासकेडिङशैलीपाना पानाहरू को अवधारणा संतुष्ट। केही तीन स्तम्भहरू र तीन पङ्क्ति को तालिका को केन्द्रीय सेल मा सामग्री राखेर कुनै पनि दिशा मा पङ्क्तिबद्ध गर्न विकासकर्ता रोक्छ।

यो निर्णय मानक, तर प्रभावकारी छैन। लामो र सावधान सट्टा क्रस-ब्राउजर पृष्ठ को समस्या समाधान वा मार्जिन बायाँ आशा, दायाँ, र यति मा। तपाईं टेबल मा कक्षहरूको trite प्रतिशत चौडाइ र पङ्क्ति हाइट्स प्रयोग गर्न सक्नुहुन्छ।

जाभास्क्रिप्ट मार्फत पङ्क्तिबद्ध

प्रश्न प्राथमिक समाधान अल्गोरिदम, ब्राउजर भाषा "को HTML मा केन्द्रित पाठ कसरी राख्न", र एक धेरै व्यावहारिक र शानदार डिजाइन छ।

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

देखिने केन्द्रित - यो जो मूल, ज्ञात थियो, ब्लक गर्न सजिलो सधैं छैन जहाँ बायाँ तर्फ र कति पिक्सेल सही, जहाँ माथि, र तल भनेर ग्यारेन्टी छैन - यो ठाडो पङ्क्तिबद्ध प्रदर्शन गर्नुपर्छ जो बारेमा लाइन हो।

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

पाठ र HTML को सुविधाहरू प्रस्तुति

यो भयो कि पृष्ठ सामाग्रीको एक indivisible तत्व - पाठ, र शब्द। अर्थ विज्ञान - विकासकर्ता (साइट मालिक) को क्षमता छ। वास्तवमा पाठ एक ट्याग मा पेश गर्न सकिन्छ, कि एक प्राकृतिक वाक्य वर्ण को बस एक अनुक्रम, र त्यो क्यारेक्टर समावेश ट्याग अनुक्रम हुन सक्छ। यसबाट यो "हार्ड" "पाठ को केन्द्र मा" CSS सरल अवस्थामा मात्र गर्न सक्नुहुन्छ कि निम्नानुसार।

ब्राउजर लागि सर्भर extradition अनुरोध धेरै व्यापक छ र धेरै तत्वहरू, सधैं प्रदर्शित हुनेछ के सम्बन्धित छन्। पृष्ठ को लेआउट डिजाइन गर्दा यो प्रस्तुति को मामला मा जोर, विशेष मा पङ्क्तिबद्ध राख्न महत्त्वपूर्ण छ। ग्राहकको ब्राउजरमा छ कि सर्भर मा के राम्रो कुरा। सधैं CSS नियम भर छैन, अन्त परिणाम ध्यान धेरै व्यावहारिक छ।