मध्यभागी CSS वापर: मजकूर आणि टेबल

ग्रंथ आणि टेबल - सर्व घटकांमधील माहिती जग आणि घटक, शब्द आणि ग्रंथ अंदाज द्वारे प्रस्तुत केले जाते, किंवा गेल्या उदाहरणार्थ औपचारिक मध्ये. आपण इतर, आधीच माहीत, विचार करू शकता डेटा संरचना, तसेच चित्रे, परंतु दृष्टीने CSS आणि HTML समस्या वापरण्यासाठी स्वरूपण मजकूर एक दृष्टिकोन वेगळा आहे माहिती फॉर्म शिल्लक आहे.

योग्य साइट पृष्ठ रचना प्रत्येक घटक स्थिती ठरवण्यासाठी यांचा समावेश आहे. HTML-दस्तऐवज नेहमी आहे - प्रदर्शन घटक एक क्रम थेट तीन मूलभूत नियम प्रभाव आहे:

• परिपूर्ण पोझिशनिंग (जागा);
• एक प्रवाह स्पॉट;
• z-index.

इतर उत्तम पर्याय देखील महत्वाचे आहेत, CSS सह समस्येचे निराकरण करण्यासाठी अधिक ज्ञान आवश्यक "मजकूर मध्यभागी."

अभ्यास आणि संरेखन नियम

CSS नियम HTML-दस्तऐवज पूरक, पण कोणत्याही संरेखन पर्याय सह झुंजणे करू शकता नंतरचे अधिकार न. इतर संरेखन अनेकदा मूल्य हरले तर मोबाइल डिव्हाइस सर्वव्यापकता आणि मोठे साधेपणा आणि "squareness" च्या दिशेने काळजी रचना, मुद्दा, वर्तमान अभ्यास करते.

पृष्ठ मुख्य घटक - युनिट काही शैली वर्णन केले आहे. साधारणपणे आडव्या संरेखन: text-align, घेऊ शकता फक्त चार मूल्ये (डावे, केंद्र, योग्य, समायोजित) झाले आहे म्हणून. आपण योग्य उंची आणि रेखा-उंची मूल्य एकत्रित करून उभे संरेखन सुरू करू शकता:

{
उंची: 88px; // या गुणोत्तर येथे
रेखा-उंची: 88px; // मजकूर केंद्र CSS - अनुलंब
}

आपण भिन्न नियम प्रयोग करू शकता. ; टेबल, प्रदर्शन: टेबल-सेल आणि अनुलंब-संरेखन: स्रोत ब्लॉक प्रदर्शन नियम अर्थ लावणे बद्दल उल्लेख आढळला मध्यम; पण नाही नेहमी कार्य करते.

टेबल मजकूर संरेखन

होता की फक्त डाटा स्ट्रक्चर प्रथम समजले जाऊ आणि कायमचे राहतात - टेबल. तो पुरवतो आणि उभ्या आणि आडव्या संरेखन, व्यतिरिक्त, CSS मध्यभागी मजकूर कसे करायचे ते, टेबल वापरून प्रश्न यापुढे एक जटिल अर्थ आहे.

मार्कअप एक विशिष्ट हेतू साध्य करण्यासाठी CSS नियम वापरून विद्यमान पद्धत नेहमी नाही Cascading शैली पत्रकास संकल्पना पूर्ण करते. काहीही तीन ओळी तीन स्तंभ आणि टेबल केंद्रीय सेल सामग्री ठेऊन कोणत्याही दिशेने संरेखन करण्यासाठी विकासक प्रतिबंधित करते.

हा निर्णय मानक, पण प्रभावी नाही. एक लांब आणि सावध ऐवजी क्रॉस-ब्राउझर पृष्ठ समस्येचे निराकरण किंवा, समास सोडून अपेक्षा योग्य, आणि त्यामुळे वर. आपण टेबल मध्ये पेशी जुना टक्केवारी रुंदी आणि पंक्ति उंची वापरू शकता.

जावास्क्रिप्ट द्वारे संरेखन

प्रश्न प्राथमिक उपाय अल्गोरिदम, ब्राउझर भाषा "कसे HTML मध्ये केंद्रीत मजकूर ठेवण्यासाठी", आणि एक जास्त व्यावहारिक आणि नेत्रदीपक रचना आहे.

डिझाईन शैली फायली आधीपासूनच प्रवाह गेले, आणि जवळजवळ प्रत्येक स्वाभिमानी सामग्री व्यवस्थापन प्रणाली विकसक सर्व प्रसंगी शैली निश्चित करतो उपलब्ध आहे. पण जीवन नेहमी ठोस आवश्यक आहे: विचार करण्यास सुरवातीपासून प्रत्येक वेळी आवश्यक आहे, मध्यम ठिकाणी CSS मजकूर आणि कसे आहे. युनिट मध्ये संरेखन हेतूने पर्याय, पृष्ठ बाजूला "glued", पण मी आकार, महत्प्रयासाने योग्य ब्लॉक पॉप-अप मेनू, विविध घटक तयार आहे कारण.

दृश्यमान केंद्रीत - ते नेहमी अवरोधित, जे मूलतः ओळखले जात होते सोपे आहे जेथे डाव्या बाजूला आणि पिक्सेल किती योग्य, जेथे वरच्या, आणि त्या तळाशी हमी नाही - हे उभे संरेखन सुरू जे बद्दल ओळ आहे.

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

मजकूर आणि HTML च्या वैशिष्ट्ये सादरीकरण

असे झाले की पृष्ठ सामग्रीचे एक अविभाज्य घटक - मजकूर, आणि नाही शब्द. शब्दच्छल - विकासक (साइट मालक) च्या लायकी आहे. वास्तविक मजकूर एका टॅग सादर केला जाऊ शकतो की एक नैसर्गिक शिक्षा वर्ण फक्त एक क्रम, आणि ज्यात टॅग क्रम असू शकतो. या पासून ते "मजकूर मध्यभागी" "हार्ड" CSS सोपे प्रकरणांमध्ये केवळ ठेवू शकता की खालील.

ब्राउझर सर्व्हर प्रत्यार्पण विनंती फार व्यापक आहे, आणि नेहमी प्रदर्शित केले जाईल काय संबंधित अनेक घटक, समाविष्टीत आहे. पृष्ठ लेआउट रचना करताना तो सादरीकरण दृष्टीने भर, विशेषतः संरेखन ठेवण्यासाठी महत्वाचे आहे. काहीतरी चांगले ब्राउझर मध्ये एक क्लायंट आहे की सर्व्हरवर करू. नेहमी CSS नियम अवलंबून राहू नका, शेवटी परिणाम लक्ष केंद्रित जास्त व्यावहारिक आहे.