दिलचस्प पोस्ट
ढलान की गणना के बिना दो पंक्तियों के बीच कोण की गणना कर रहे हैं? (जावा) यदि वैरिएबल नाम स्ट्रिंग के रूप में संग्रहीत है तो एक वैरिएबल वैल्यू कैसे प्राप्त करें? ContentControl और ContentPresenter के बीच अंतर क्या है? एंड्रॉइड चेक इंटरनेट कनेक्शन प्रोग्रामेटिक पतन या विस्तारित करें CollapsingToolbarLayout हज़ार विभाजक के रूप में "।" के साथ संख्या को कैसे प्रारूपित करें, और "," दशमलव विभाजक के रूप में? "एक प्रकार का नाम नहीं" त्रुटि डिफ़ॉल्ट संपादन टेक्स्ट की शैली कैसे बदलनी है जावा की पेंट विधि के साथ समस्याएं, हास्यास्पद रीफ्रेश वेग फायरबसे एफसीएम फोर्स ऑन टॉकनफ्रेश () को कॉल करने के लिए किसी एक कड़ी में WHERE 1 = 1 और <conditions> का उपयोग क्यों करेगा? गो कोड में "फू। (बार। बाज़)" चीज़ क्या है? वर्चार (अधिकतम) चर का अधिकतम आकार ब्राउज़र में आईफ्रेम कैशिंग को रोकना एक div में तत्वों की कार्यक्षेत्र संरेखण

CSS फ्लेक्सबॉक्स IE10 में काम नहीं कर रहा है

IE10 में, यह कोड सही तरीके से काम नहीं कर रहा है:

.flexbox form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .flexbox form input[type=submit] { width: 31px; } .flexbox form input[type=text] { width: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex: auto 1; -moz-flex: auto 1; -ms-flex: auto 1; -o-flex: auto 1; flex: auto 1; } 

क्या होना चाहिए यह है कि input[type=submit] को 31px चौड़ा होना चाहिए, input[type=text] साथ input[type=text] उपलब्ध स्थान के बाकी हिस्सों के आकार में क्या होता है input[type=text] किसी कारण के लिए 263px पर डिफ़ॉल्ट होता है

यह Chrome और Firefox में ठीक काम करता है

वेब के समाधान से एकत्रित समाधान "CSS फ्लेक्सबॉक्स IE10 में काम नहीं कर रहा है"

फ्लेक्स लेआउट मोड (पूरी तरह से) IE में अभी तक समर्थित नहीं हैं। IE10 युक्ति का "ट्विल" संस्करण लागू करता है जो पूरी तरह से हालिया नहीं है, लेकिन फिर भी काम करता है।

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

इस सीएसएस-ट्रिक्स लेख में फ्लेक्सबॉक्स के क्रॉस-ब्राउज़र उपयोग (आईई सहित) पर कुछ सलाह है: http://css-tricks.com/using-flexbox/

संपादित करें: थोड़ी अधिक शोध के बाद, आईई 10 फ्लेक्सबॉक्स लेआउट मोड को मार्च 2012 डब्लू 3 सी के मसौदा के विषय में लागू किया गया है: http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/

सबसे मौजूदा मसौदा एक साल या उससे भी ज्यादा समय है: http://dev.w3.org/csswg/css-flexbox/

एन्नूई के रूप में उल्लिखित, आईई 10 -ms के -ms प्रीफिक्स्ड वर्जन का समर्थन करता है (IE 11 इसे अप्रूफिक्स का समर्थन करता है) मैं आपके कोड में देख सकता हूं:

  • आपको display: -ms-flexbox होना चाहिए display: -ms-flexbox बजाय display: -ms-flexbox display: -ms-flex
  • मुझे लगता है कि आपको flex जैसे सभी 3 flex मूल्यों को निर्दिष्ट करना चाहिए flex: 0 1 auto अस्पष्टता से बचने के लिए flex: 0 1 auto

तो अंतिम अद्यतन कोड है …

 .flexbox form { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; /* Direction defaults to 'row', so not really necessary to specify */ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .flexbox form input[type=submit] { width: 31px; } .flexbox form input[type=text] { width: auto; /* Flex should have 3 values which is shorthand for <flex-grow> <flex-shrink> <flex-basis> */ -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; flex: 1 1 auto; /* I don't think you need 'display: flex' on child elements * / display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; /**/ } 

IE10 ने पुराने वाक्यविन्यास का उपयोग किया है। इसलिए:

 display: -ms-flexbox; /* will work on IE10 */ display: flex; /* is new syntax, will not work on IE10 */ 

css-tricks.com/snippets/css/a-guide-to-flexbox देखें:

(ट्वीनर) का अर्थ है [2012] से एक अजीब अनौपचारिक वाक्यविन्यास (उदाहरण के लिए: फ्लेक्सबॉक्स;)

कृपया ध्यान दें कि फ्लेक्स आइटम प्रदर्शित होना चाहिए: ब्लॉक; IE10 में