Articles of फ्लेक्सबॉक्स

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

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

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; […]

फ्लेक्सबॉक्स (या अन्य सीएसएस) के साथ एक चिनाई वाली ग्रिड बनाएं

मैं सीएसएस में एक ग्रिड प्रभाव को उन तत्वों के साथ प्राप्त करना चाहता हूं जो सभी आकार की समान चौड़ाई रखते हैं, लेकिन ऊंचाई में नहीं। मैं हमेशा नीचे 50px के नीचे तत्व चाहे, चाहे जो भी हो मैंने फ़्लोट्स के साथ कोशिश की, लेकिन वह बग इसलिए मैंने फ्लेक्स के साथ कोशिश की, […]

फ्लेक्सबॉक्स को अलग-अलग ऊंचाइयों के लिए उपलब्ध स्थान का उपयोग करने के लिए सेट करें

दो-स्तंभ फ्लेक्सबॉक्स लेआउट का उपयोग करना, सभी बच्चों के लिए, जो कि सबसे ऊंची बच्चे की ऊंचाई होती है, के बजाय, सभी उपलब्ध स्थान को भरने के लिए अलग-अलग आकार के बच्चों को कैसे बनाया जा सकता है? मैंने jsbin पर एक डेमो स्थापित किया है जो समस्या को दिखाता है। मैं सभी बच्चों के […]

क्यों नहीं <fieldset> फ्लेक्स कंटेनर हो सकता है?

मैंने display: flex साथ एक fieldset तत्व शैली की कोशिश की display: flex और display: inline-flex हालांकि, यह काम नहीं करता: flex block तरह व्यवहार करता था, और inline-flex inline-block तरह व्यवहार करते थे यह फ़ायरफ़ॉक्स और क्रोम दोनों पर होता है, लेकिन अजीब यह IE पर काम करता है। क्या यह एक बग है? […]

सही-संरेखित फ्लेक्स आइटम?

position: absolute का उपयोग करने की तुलना में "संपर्क" को सही-संरेखित करने का एक और अधिक फ्लेक्सबॉक्स-इश तरीका है position: absolute ? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div […]

फ्लेक्स आइटम सामग्री चौड़ाई लेते हैं, माता-पिता कंटेनर की चौड़ाई नहीं

मेरे पास एक कंटेनर है <div> display: flex साथ display: flex इसमें एक बच्चा है <a> मैं बच्चे को "इनलाइन" कैसे दिखा सकता हूं? विशेष रूप से, मैं अपनी सामग्री द्वारा निर्धारित बच्चे की चौड़ाई कैसे बना सकता हूं, और माता पिता की चौड़ाई में विस्तार नहीं कर सकता हूं? मैंने क्या प्रयास किया: मैंने […]

CSS3 फ्लेक्सबॉक्स छवि पहलू अनुपात बनाए रखता है

सीएसएस फ्लेक्स बॉक्स मॉडल का उपयोग करना, मैं अपने आकृति अनुपात को बनाए रखने के लिए किसी छवि को कैसे लागू कर सकता हूं? जेएस फ्रेडल http://jsfiddle.net/xLc2Le0k/2/ ध्यान दें कि कंटेनर की चौड़ाई को भरने के लिए छवियों को खिंचाव या सिकुड़ते हैं। यह ठीक है, लेकिन क्या हम छवि अनुपात को बनाए रखने के […]

फ्लेक्सबॉक्स कॉलम बच्चे पर 100% ऊंचाई

फ्लेक्स वाले तत्वों के बच्चों में फ्लेक्सबॉक्स कॉलम के साथ मुझे परेशानी हो रही है, प्रतिशत में height जवाब नहीं देते मैंने इसे केवल क्रोम में ही चेक किया है, और मैं समझता हूं कि यह क्रोम केवल समस्या है। यहां मेरा उदाहरण है: एचटीएमएल <div class='flexbox'> <div class='flex'> <div class='flex-child'></div> </div> <div class='static'></div> </div> […]

IE9 के लिए फ्लेक्सबॉक्स विकल्प

मैंने शुरू में क्रोम के साथ एक वेबसाइट विकसित की है (डिजाइन करने के लिए सबसे आसान) लेकिन अब आईई समर्थन मॉडल के लिए मिल रहा है कहा जा रहा है, मैं IE11 के साथ शुरू किया और आईई और क्रोम के बीच विचित्र अंतर के लिए आवश्यक परिवर्तन किए लेकिन अब मैं आईई संस्करणों […]

दिलचस्प पोस्ट
VBA की छिपी हुई विशेषताओं तारीखों पर पांडा डेटाफ़्रेम फ़िल्टरिंग ब्राउज़र में अन्य टैब की सामग्री तक पहुंच स्थिर संपत्ति के लिए बाध्यकारी लेआउट के साथ एक दृश्य कैसे बढ़ाना त्रुटि संदेश: पीडीबी फ़ाइल को ढूंढ या खोल नहीं सकता यूनिकोड के साथ कितने पात्रों को मैप किया जा सकता है? मैं अपने डेल्फी प्रोग्राम के एक उदाहरण से दूसरे को एक स्ट्रिंग कैसे भेजूं? फ़ाइल सिस्टम के विरोध में डेटाबेस में एक फ़ाइल को संग्रहीत करना? एंड्रॉइड सेट एकाधिक अलार्म वेब पेज को छवि में परिवर्तित करें जीएनयू कंपाइलर के संकलन के दौरान लिनक्स में सी ++ अनुप्रयोग के लिए स्टैक आकार बदलें स्विफ्ट में केवल एक दृश्य नियंत्रक को पोर्ट्रेट मोड में अभिविन्यास लॉक कैसे करें Enum वर्ग क्यों सादे enum से अधिक पसंद है? समझ के लिए स्कला पर बेमेल टाइप करें