दिलचस्प पोस्ट
स्व-प्रकार वाली एनोटेशन में इस और आत्म के बीच का अंतर? पूर्ण चौड़ाई बूटस्ट्रैप ड्रॉपडाउन एनएवी NoSQL (मोंगोडीबी) बनाम लुसेन (या सोलर) आपके डेटाबेस के रूप में नए टूलबार के साथ टैब का उपयोग करें (AppCompat v7-21) स्टोर खोलने के लिए इस्तेमाल किया जाने वाला मॉडल स्टोर बनाने के लिए इस्तेमाल किए जाने वाले किसी के साथ असंगत है कैसे एक छवि को आधार64 एन्कोडिंग में बदलने के लिए? ढेर एक 2 डी सरणी आवंटित (पॉइंटर्स की सरणी नहीं) कैसे जावा में एक सापेक्ष पथ को परिभाषित करें एक मौजूदा एमवीसी वेब अनुप्रयोग में वेब एपीआई जोड़ने के बाद 404 त्रुटि कैसे एक उदाहरण जावा आवेदन को लागू करने के लिए? XJC + xsd + jxb के साथ विकल्पों का उपयोग करके कोड डालें "-Xinject-code -extension" जबकि डिफ़ॉल्ट कन्स्ट्रक्टर का निर्माण अपवाद को संभाल नहीं सकता: प्रकार अपवाद सुपर सुपर कन्स्ट्रक्टर द्वारा फेंका गया जावास्क्रिप्ट में कितना खतरनाक है, वास्तव में, अपरिभाषित करने के लिए अधिलेखित नहीं है? सी ++ में हटाने वाले विस्टा हटाना ऑपरेटर डायनेमिक पृष्ठ के लिए सिलेनियम के साथ

लचीले बॉक्स मॉडल – प्रदर्शन: फ्लेक्स, बॉक्स, फ्लेक्सबॉक्स?

हम में से बहुत से लोग जानते हैं कि inline और block जैसी display प्रॉपर्टी के पुराने मूल्यों को पुराना है क्योंकि नए लचीले बॉक्स मॉडल को CSS3 में पेश किया गया है। लेकिन, हम एक ही लचीले बॉक्स मॉडल में वेब पर अलग-अलग जानकारी पा सकते हैं।

हमें display संपत्ति के मुख्य रूप से 3 अलग-अलग मान मिल सकते हैं, जैसे flex , box और flexbox । इन तीन लचीले बॉक्स मॉडल के बीच अंतर क्या है और कौन सी एक का उपयोग करता है?

Solutions Collecting From Web of "लचीले बॉक्स मॉडल – प्रदर्शन: फ्लेक्स, बॉक्स, फ्लेक्सबॉक्स?"

आप जिन ब्राउज़र्स को समर्थन देने की आवश्यकता है उनके लिए आप जो भी चाहते हैं उसका उपयोग करें।

display: box

  • फ़ायरफ़ॉक्स 2.0? (पहले से जुड़ा हुआ)
  • क्रोम 4.0? (पहले से जुड़ा हुआ)
  • सफ़ारी / आईओएस 3.1? (पहले से जुड़ा हुआ)
  • एंड्रॉइड 2.1 (उपसर्ग)

जहां तक ​​मैं बता सकता हूं, box-lines: multiple माध्यम से लपेटकर box-lines: multiple किसी भी ब्राउज़र में कार्यान्वित नहीं होता है।

display: flexbox

  • क्रोम 17- ?? (पहले से जुड़ा हुआ)
  • इंटरनेट एक्सप्लोरर 10 (उपसर्ग)

प्रदर्शन: फ्लेक्स – वर्तमान मानक

  • क्रोम 21 (प्रीफ़िक्स्ड), 2 9 (अप्रूफिक्स)
  • ओपेरा 12.1 (अप्रचिक्षित), 15 (वेबकिट उपसर्ग)
  • फ़ायरफ़ॉक्स 22 (अप्रूफिक्स)
  • सफ़ारी / आईओएस 7 (प्रीफिक्स)
  • ब्लैकबेरी 10 (उपसर्ग)
  • इंटरनेट एक्सप्लोरर 11 (अप्रूफिक्स)

http://caniuse.com/#feat=flexbox (ध्यान दें कि आईई 10 केवल आंशिक समर्थन के रूप में चिह्नित ब्राउज़र है जो रैपिंग का समर्थन करता है)

flexbox और flex लिए चश्मा पर्याप्त समान हैं, दोनों में शामिल करने का कोई कारण नहीं है, खासकर जब से flexbox केवल flexbox स्पेक का समर्थन करता है। box लिए विवरण बहुत अलग है और इसके बाद भी आप इसके प्रभाव के आधार पर लायक नहीं हो सकते हैं, भले ही लगभग सभी गुणों में flexbox / flex चश्मा में पाए जाने वाले एनालॉग होते हैं

आपको मिल सकता है कि कुछ ब्राउज़र्स जो एकाधिक ऐप का समर्थन करते हैं संभावना है कि एक समय आ जाएगा जहां वे पुरानी कल्पना के लिए समर्थन छोड़ देंगे, इसलिए हमेशा सुनिश्चित करें कि आप flex गुणों को शामिल करते हैं

जहां तक ​​मुझे पता है, लचीला बॉक्स मॉडल के ऊपर तीन अलग-अलग संस्करणों को उनकी उम्र से वर्गीकृत किया जा सकता है

  1. display: box – यह पहला लचीला बॉक्स मॉडल था जिसे 200 9 के आसपास के नए मॉडल के रूप में स्वीकार किया गया था। इसका उपयोग न करें

  2. display: flexbox – यह लचीला बॉक्स मॉडल 2011 में आया था, जो अभी भी उसके विकास में था। इसका उपयोग न करें

  3. display: flex – यह नवीनतम लचीला बॉक्स मॉडल है जिसे वर्तमान में नवीनतम बॉक्स मानक के रूप में इसकी जगह मिलती है। इससे आगे कुछ बदलाव आ सकते हैं लेकिन यह अन्य दो मानकों को पसंद किया गया है।