css - Internet Explorer 10 does not apply flexbox on inline elements -
स्पैन फ्लेक्स आइटम (फ्लेक्स कंटेनर के बच्चों) के अनुसार display: block । इंटरनेट एक्सप्लोरर 10 इस परिवर्तन को लागू नहीं करता है, इस प्रकार फ्लेक्सबॉक्स स्पैन (इनलाइन) तत्वों पर काम नहीं करता है।
यहां मेरा क्या मतलब है
मैं सिर्फ divs का उपयोग कर सकता हूँ, लेकिन मैं चाहूंगा पता करने के लिए कि यह एक एक्सप्लोरर बग है और अगर एचटीएमएल कोड बदलने से बेहतर तय है।
यह सिर्फ इसलिए है क्योंकि आईई 10 रिलीज होने के बाद (काम ड्राफ्ट) फ्लेक्सबॉक्स स्पेक बदल गया।
सीएसएस फ्लेक्सबॉक्स के मसौदा तैयार करने के बाद, यह आईपी 10 के अंत में 2012:
फ्लेक्स लेआउट एल्गोरिथम फ्लेक्स आइटम द्वारा उत्पन्न बॉक्स पर चलती है। निम्नलिखित में से प्रत्येक एक फ्लेक्स आइटम बन जाता है:
[...]4 एक अज्ञात ब्लॉक गैर-प्रतिस्थापित इनलाइन बाल तत्वों के निकटवर्ती भाग के आसपास लिपटे।
स्रोत:
ए span एक "गैर- इनलाइन बाल तत्व की जगह " इसलिए आईई 10 ने से एक ब्लॉक (नया स्पेस प्रति) को परिवर्तित करने के बजाय एक गुमनाम ब्लॉक (पुरानी कल्पना से मिलान) में span (और कोई आसन्न इनलाइन सामग्री) को लपेटता है।
मुझे संदेह है कि माइक्रोसॉफ्ट रिलीज़ होने के बाद इस कार्यक्षमता को बदलना नहीं चाहता था, जो सामग्री को तोड़ने से बचने के लिए आईई 10 में एक विशेष व्यवहार की उम्मीद करने के लिए पहले से कोडित था।
इसलिए यदि आप लिखना चाहते हैं फ्लेक्सबॉक्स सामग्री जो दोनों IE10 में और अधिक हाल के ब्राउज़र-संस्करणों में काम करती है, यह संभवतः इस विशेष व्यवहार पर निर्भर नहीं है (स्पष्ट हो जाएं; इन स्पेन्स को डिव्स में बदल दें, या उन्हें डिस्प्ले: ब्लॉक दें, क्योंकि आप जानते हैं कि वे नए ब्राउज़रों में भी ब्लॉकों में परिवर्तित होने जा रहे हैं।)
Comments
Post a Comment