ओभरफ्लो CSS: सामग्री तत्व प्रदर्शन

तपाईं उत्तराधिकार, कक्षा संरचना को प्राथमिकता निर्धारण, को सैद्धान्तिक पक्षहरू र व्यावहारिक अनुभव को जंगल मा जान भने cascading शैली पाना, प्रयोग गर्न सजिलो छन्।

सीएसएस प्रत्येक सम्पत्ति को मुख्य उद्देश्य - प्रदर्शन, तर यो मात्र "देखिने" मतलब छैन: कुनै कम महत्त्वपूर्ण डिजाइन "CSS ओभरफ्लो लुकेका"।

पृष्ठ तत्व

पृष्ठ मात्र तत्व समावेश गर्छ, यो फ्रेम (र यो एक मात्र होइन सम्पूर्ण घटक को सेट, तर फरक साइट हुन सक्छ) कि, तत्व को तत्व स्थित गर्न सकिँदैन, वा आफ्नै सिस्टम वस्तुहरु गरे।

स्वाभाविक, रबर लेआउट अभ्यास विकासकर्ताहरूले साइटहरु को विशाल बहुमत, जानकारी बढ्दै मात्रा र तथ्यलाई reckon बाध्य द्वारा 600 पिक्सेल 800 को बाधा - 640 KB, केही दशक प्रोग्रामर र प्रयोगकर्ताहरूको जीवनलाई जटिल भन्दा एमएस डस निर्माताहरू को mentality हटाउन जो एक बाधा पहिलो डेस्कटप।

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

तर, कुनै कुरा साइटहरु हेर्नका लागि इष्टतम स्क्रिन संकल्प रुचि आगंतुकों वितरण कसरी लेआउट विकल्प, को चयन मा कुनै कुरा प्राथमिकता कसरी, आज त्यहाँ सधैं आयताकार अवसर निश्चित आकार छ कि विभिन्न स्क्रीन हो।

ओभरफ्लो CSS मार्फत गतिशील संसार

यो कल्पित छ साइट पृष्ठ कि - यो सामग्री, हाइपरटेक्स्ट ट्याग, यो एक विशेष मामला मा प्रदर्शन कसरी निर्दिष्ट जो, केही अवस्थामा बाहिर फैलियो।

सबै निरन्तर परिवर्तन गरिएको छ। साइट यसको सामग्री वर्षौंदेखि परिवर्तन गर्न सकिँदैन कि यस्तो छ भने पनि, एउटा अनपेक्षित आगन्तुक यो वेबसाइट विकासकर्ता पनि थाहा नगर्ने एक नयाँ उपकरण, यसलाई खोल्न हुनेछ भन्ने कुनै ग्यारेन्टी छैन।

नियम ओभरफ्लो CSS प्रदान विकल्प गुण मात्र चार आवश्यक जब सधैं वा मात्र स्क्रोल प्रदान, वा पुर्खा देखि मूल्य हकदार गर्न, तत्व, प्रदर्शन को क्षेत्र बाहिर जान्छ कि केहि लुकाउन अनुमति छन्।

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

सुविधाहरू प्रयोग को ओभरफ्लो सर्तहरू

", представляют особенный интерес, только когда они представляют собой текст. CSS "पाठ ओभरफ्लो" को अर्थ छ कि एक ट्याग भित्र हो कि तत्व, तिनीहरूले पाठ हुँदा मात्र, विशेष चासो हो। अन्य घटक को स्थान, सामान्यतया निर्देशांक वा नातेदार स्थितिहरू गर्न मिलाएका छौं।

पाठ तत्व सधैं वर्ण को एक निश्चित संख्या समावेश छैन, र तपाईंले नियम ओभरफ्लो प्रयोग गर्न आवश्यक छ भने, CSS विकल्प सामग्री मात्रा मा अप्रत्याशित परिवर्तन निगरानी गर्न निर्देशन दिनुभयो।

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

पृष्ठ यसका तत्व यो माउस सूचक माथि हुँदा पुस्तक को ब्राउजर स्थानान्तरण प्राथमिकता: साथै, स्वतः / पुस्तक मा नियम ओभरफ्लो CSS मूल्य पृष्ठ तत्व अप्रिय अनिश्चितता गर्न ल्याउँछ।

तत्व पाठ ब्लक छ जब, यो पनि स्पष्ट र असहज छ, तर सञ्झ्यालको सम्पूर्ण चौडाई स्लाइडर (ब्लक तत्व-तस्वीर) राख्न भने माउस को अन्त मा वा "बटन" सुरुमा "प्रयोग गर्न आवश्यक अक्सर छ संग, त्यसपछि यस्तो संरचना सधैं सम्भव छ हटाउन पृष्ठ। "

पुस्तक प्राथमिकता

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

साइट सधैं यो दर्शन, mysticism, वा अन्य कुनै पनि अवसर सामग्रीको क्षेत्रमा भन्छिन् पनि भने, विशिष्ट अर्थ वहन। यो नियम ओभरफ्लो CSS को अन्तरक्रियात्मक तत्व मा एक विशेष बोझ वहन गर्न सम्भव सधैं छ किन कि छ।

विशेष मा, तत्व वर्ष (तारीख) चयन गर्न एक चयनकर्ता छ भने, त्यसपछि शास्त्रीय चयनकर्ता असुविधाजनक, यो scrollbar स्पष्ट असुविधाको छुटकारा रूपमा छ। यस मामला ओभरफ्लो मा लागू गरेर CSS प्रभावकारी साथै प्रयोग गर्न सकिन्छ: तत्व मा आन्तरिक क्षेत्र, अवधि चयन, को आगन्तुक चाँडै र सजिलै एक इच्छित मिति, महिना, वर्ष चयन गर्न अनुमति दिन्छ।