2013-03-11 5 views
16

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

मुझे कोई कारण नहीं दिख रहा है कि फ्लोट सेंटर क्यों नहीं है और यह सोच रहा था कि किसी के पास कारण हैं या तो तकनीकी या अन्यथा क्यों एक फ्लोट सेंटर मानक में शामिल नहीं किया गया था।

+2

क्या आप हमें जो कुछ भी किया है उसका एक उदाहरण दिखा सकते हैं जो खराब दिखता है? –

+0

http://jsfiddle.net/kevincox/rAkNY/3/ कहानी बहुत ज्यादा है। यदि खिड़की बॉक्स आकार के एकाधिक नहीं है तो पूरी चीज किटर को देखती है। –

+0

यदि आप अपने बक्से के सटीक आकार और प्रति पंक्ति संख्याओं को जानते हैं जो एक आसान फिक्स है। – albert

उत्तर

3

कोई नाव केंद्र क्योंकि तैरता सही संभव के रूप में सामग्री प्रवाह से बाहर तत्वों लेते हैं और उन्हें स्थिति के रूप में अब तक छोड़ दिया/है। अपने आप से तैरता है केवल चीजों को किनारे पर ले जाता है। इस अंतिम भाग पर 100% नहीं, लेकिन मुझे लगता है कि प्रिंट के साथ इसका कुछ संबंध है। मुझे पता है कि प्रिंट उद्योग से फ्लोट का विचार लिया गया था।

+1

आप दूर बाएं और दाएं के बीच केंद्र को परिभाषित कर सकते हैं हालांकि यह मुझे बाएं और दाएं फ्लोट के साथ बातचीत के बारे में सोचता है। परिभाषित करना मुश्किल हो सकता है। –

+1

इतना नहीं ... उन्हें विशेष रूप से "जितना संभव हो उतना बाएं या दाएं" जाने के लिए बनाया जाता है .... जैसा कि यह भी बताया गया है, फ्लोट किए गए तत्व सामग्री प्रवाह से बाहर ले जाते हैं, उन्हें केंद्र में स्वचालित रूप से स्थिति में असंभव करना असंभव है। .. सामग्री इसके चारों ओर तैरना नहीं होगा – albert

3

हां, फ़्लोट केंद्र/मध्य नहीं है और डब्ल्यू 3 सी का जवाब हो सकता है।

<center> टैग है लेकिन अब नहीं।

<center> टैग HTML 4 के रूप में पदावनत, और यह एक कुछ अलग मुद्दों बनाता उपयोग कर रहा है। एचटीएमएल केंद्रित तत्व विभिन्न ब्राउज़रों में अलग-अलग प्रदर्शित कर सकते हैं, और टैग का उपयोग पृष्ठ लोड समय बढ़ा सकते हैं। इसके अलावा, आपकी साइट रीडिज़ाइन को जटिल बनाने के लिए भारी उपयोग - सैकड़ों टैग को हटाने से स्टाइलशीट में एक शैली नियम बदलना बहुत लंबा लगता है।

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

उपयोग margin:0 auto;

यदि आप किसी मार्जिन केंद्रित कर रहे हैं: 0 ऑटो; आपके तत्व को अधिकांश समय केंद्रित किया जाएगा। (त्वरित नोट: आपके तत्व के लिए काम करने के लिए घोषित चौड़ाई होना चाहिए।)

मार्जिन: 0 ऑटो; नियम 0 शीर्ष और निचले मार्जिन के लिए शॉर्टेंड है, और स्वत: बाएं और दाएं मार्जिन। स्वचालित बाएं और दाएं मार्जिन तत्व को इसके कंटेनर के केंद्र में धक्का देने के लिए मिलकर काम करते हैं।

+1

मार्जिन ऑटो "सच्चे" फ़्लोटिंग उपयोग के लिए काम नहीं करता है, क्योंकि तत्वों का व्यक्तिगत रूप से इलाज किया जाता है। यदि आप कंटेनर को सामग्री के वेतन में "स्नैप" आकारों तक सीमित करते हैं तो आप पूर्ण पंक्तियों को केंद्रित कर सकते हैं लेकिन आंशिक रूप से पूर्ण पंक्तियां अभी भी एक तरफ बंद हो जाएंगी। –

+0

@ केविनकॉक्स: हमें समस्या को दिखाएं या वेबपृष्ठ को लिंक दें ... – krish

+1

उदाहरण जहां मार्जिन ऑटो काम नहीं करेगा http://jsfiddle.net/kevincox/rAkNY/3/ –

7

इसके बजाय float: left का उपयोग कर के, अलग-अलग तत्वों पर display: inline-block का उपयोग करें और अपने कंटेनर पर केंद्रित हों।

http://jsfiddle.net/ExplosionPIlls/rAkNY/5/

+0

आसपास कूल काम करते हैं। –

+0

पीछे की संगतता और सुंदर गिरावट के आसपास काम कर रहा है – albert

संबंधित मुद्दे