बीच में सीएसएस के उपयोग: पाठ और टेबल

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

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

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

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

केंद्रित और संरेखण नियम

सीएसएस नियम एचटीएमएल दस्तावेज़ के पूरक, लेकिन बाद के अधिकार के किसी भी संरेखण विकल्प के साथ सामना कर सकते हैं बिना। जबकि अन्य संरेखण अक्सर मूल्य खो देता है मोबाइल उपकरणों की सर्वव्यापकता और अधिक से अधिक सादगी और "वर्गाकारिता" की दिशा में देखभाल के डिजाइन, मुद्दा वर्तमान केंद्रित करता है।

पेज के मुख्य तत्व - इकाई निश्चित शैली का वर्णन किया। आम तौर पर क्षैतिज संरेखण: पाठ के अनुरूप, ले जा सकते हैं के रूप में केवल चार मूल्यों (बाएं, मध्य, ठीक है, को सही ठहराने) हुआ है। आप सही ऊंचाई line-height का मूल्य संयोजन के द्वारा एक ऊर्ध्वाधर संरेखण प्रदर्शन कर सकते हैं:

{
ऊँचाई: 88px; // इस अनुपात में
line-height: 88px; // पाठ केंद्र के लिए सीएसएस - कार्यक्षेत्र
}

आप विभिन्न नियमों के साथ प्रयोग कर सकते हैं। ; मेज, प्रदर्शन: तालिका सेल और ऊर्ध्वाधर- align: सूत्रों ब्लॉक प्रदर्शन नियमों की व्याख्या के बारे में उल्लेख पाया बीच; लेकिन हमेशा नहीं यह काम करता है।

टेबल द्वारा पाठ संरेखित

केवल डेटा संरचना था कि पहले समझ में आ करने के लिए किया जा और हमेशा के लिए जीना - टेबल। यह प्रदान करता है और ऊर्ध्वाधर और क्षैतिज संरेखण के अलावा, कैसे सीएसएस केंद्र में टेक्स्ट रखने का विकल्प, टेबल का उपयोग करने का सवाल नहीं रह गया एक जटिल अर्थ नहीं है।

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

इस निर्णय से मानक है, लेकिन प्रभावी नहीं है। एक लंबी और जटिल करने के बजाय क्रॉस-ब्राउज़र पेज की समस्या का समाधान या मार्जिन छोड़ दिया सही उम्मीद करते हैं,, और इतने पर। आप तालिकाओं में कोशिकाओं के घिसे-पिटे प्रतिशत चौड़ाई और पंक्ति ऊंचाइयों उपयोग कर सकते हैं।

जावास्क्रिप्ट के माध्यम से संरेखण

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

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

दर्शनीय केंद्रित - यह ब्लॉक करने के लिए है, जो मूल रूप से जाना जाता था हमेशा आसान नहीं है जहां बाईं ओर और कितने पिक्सल सही है, जहां शीर्ष, करने के लिए और कहा कि नीचे की गारंटी नहीं देते हैं - यह रेखा जिसके बारे में लंबवत संरेखण प्रदर्शन करना चाहिए है।

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

विशेषताएं पाठ और HTML की प्रस्तुति

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

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