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

प्रत्येक पंक्ति में 4 आइटम प्रदर्शित करने के लिए एक फ्लेक्स बॉक्स कैसे लागू करें?

मैं 8 आइटम प्रदर्शित करने के लिए एक फ्लेक्स बॉक्स का उपयोग कर रहा हूं जो मेरे पृष्ठ के साथ गतिशील रूप से आकार बदलेंगे। मैं आइटम को दो पंक्तियों में विभाजित करने के लिए इसे कैसे लागू करूं? (4 प्रति पंक्ति)? यहाँ एक प्रासंगिक कटाई है: (या यदि आप jsfiddle पसंद करते हैं – […]

समस्या जब फ्लेक्सबॉक्स के साथ खड़ी हो रही है जब ऊंचाइयों अज्ञात हैं

मेरे लेआउट में एक कंटेनर flex-container और एक बच्चा है। HTML: <div class="flex-container"> <div>text</div> </div> कंटेनर और बच्चे की अज्ञात ऊंचाई है और लक्ष्य है: यदि कंटेनर की तुलना में बच्चे की ऊंचाई कम है, तो यह क्षैतिज और लंबवत केन्द्रित दिखाई देता है। यदि बच्चे को कंटेनर की तुलना में अधिक ऊंचाई है, तो […]

फ़ायरफ़ॉक्स ओवरफ़्लो-नेस्टेड फ्लेक्सबॉक्स के साथ काम नहीं कर रहा है

मैंने सीएसएस 3 फ्लेक्सबॉक्स के साथ एक 100% चौड़ाई 100% ऊँचाई लेआउट तैयार किया है, जो IE11 पर दोनों काम करता है (और शायद आईई 10 पर अगर आईई 11 का इम्यूलेशन सही है)। लेकिन फ़ायरफ़ॉक्स (35.0.1), अतिप्रवाह- y काम नहीं कर रहा है। जैसा आप इस कोडपोन में देख सकते हैं: http://codepen.io/anon/pen/NPYVga फ़ायरफ़ॉक्स अतिप्रवाह […]

संरेखित सामग्री और संरेखित-वस्तुओं के बीच अंतर क्या है?

क्या कोई मुझे align-items और align-content बीच का अंतर दिखा सकता align-content ? मैं बहुत उलझन में हूँ बहुत बहुत धन्यवाद!

अतिप्रवाह सामग्री के साथ एक फ्लेक्सबॉक्स स्क्रोल करना

यह कोड मैं उपरोक्त लेआउट को प्राप्त करने के लिए उपयोग कर रहा हूं: .header { height: 50px; } .body { position: absolute; top: 50px; right: 0; bottom: 0; left: 0; display: flex; } .sidebar { width: 140px; } .main { flex: 1; display: flex; flex-direction: column; } .content { flex: 1; display: flex; } […]

फ्लेक्सबॉक्स: गलत चौड़ाई की गणना जब फ्लेक्स दिशा: कॉलम, फ्लेक्स-रैप: लपेटें

फ्लेक्सबॉक्स का उपयोग करते समय मैं एक समस्या में गया मैं flex-direction: column; flex-wrap: wrap साथ एक कंटेनर का उपयोग कर रहा हूं flex-direction: column; flex-wrap: wrap flex-direction: column; flex-wrap: wrap , इसलिए मेरी इनर आइटम्स को वास्तव में कई कॉलम में रखा जा सकता है। समस्या यह है कि ब्राउज़र अभी भी कंटेनर की […]

गतिशील ऊँचाई के साथ एक कंटेनर में फ्लेक्स आइटम लपेट सकते हैं?

मेरे पास एक फ्लेक्स-बॉक्स समस्या है क्या कोई मुझे सही दिशा दिखा सकता है? ऐसा भी हो सकता है कि फ्लेक्स बॉक्स इस स्थिति को हल नहीं कर सकता क्योंकि यह काम करता है। मैं 4 कॉलम में सामग्री प्रदर्शित करना चाहता हूं। सामग्री को स्तंभ स्तंभ में सूचीबद्ध किया जाना चाहिए और कमरे से […]

क्रोम में फ्लेक्सबॉक्स आइटम में ऊँचाई सही नहीं है

मुझे किसी भी सीएसएस गुरु के लिए एक नाजुक समस्या है। मेरे हरे रंग की डिवि में लचीली ऊंचाई होती है, शेष को छोड़कर। और अब मैं उस div में एक div डालना चाहता हूँ जो कि हरी डिवा का आधा होना चाहिए। लेकिन ऐसा लगता है कि अगर क्रोम फ्लेक्स आइटम के बजाय पूरे […]

जस्टिफ़-कंटेंट के साथ लपेटने के लिए पहले फ्लेक्स आइटम को छोड़ दें- अंतरिक्ष-आस-पास

मेरे पास वेबसाइट पर एक मोबाइल मेनू के निचले भाग में सोशल मीडिया आइकन की एक फ्लेक्स-आधारित अनारक्षित सूची है I मैं तीनों की पंक्तियों की तरफ देखने के लिए कोशिश कर रहा हूं, साथ ही समान दूरी के अलावा। मैंने इसे शासन के साथ प्रबंधित किया है justify-content:space-around लेकिन मेरी समस्या यह है कि […]

मूल तत्व को माता-पिता की कुल ओवरफ्लो ऊंचाई का 100% उपयोग करें

अगर माता-पिता की कुल सामग्री की ऊंचाई 10,000 पिक्स है लेकिन overflow: auto; तत्व 700px की ऊंचाई के साथ प्रदान किया जाता है मैं एक aside बच्चे तत्व को गतिशील रूप से डिफ़ॉल्ट 700px के बजाय 10,000 पिक्सल के रूप में प्रस्तुत करने के लिए कैसे बाध्य कर सकता हूं? आप सफेद पृष्ठभूमि को देख […]

दिलचस्प पोस्ट
AngularJS के साथ कैसे $ http समकालिक कॉल करें क्या व्यूपोर्ट मेटा टैग वास्तव में आवश्यक है? वेबएपीआई एक्सएमएल लौटने के लिए एक स्ट्रिंग की SHA-256 स्ट्रिंग प्राप्त करें नए प्रारूप स्ट्रिंग के साथ चर डेटा लॉगिंग समूह द्वारा अधिकतम मूल्य कैसे प्राप्त करें पीडीओ तैयार एक क्वेरी में एकाधिक पंक्तियों को सम्मिलित करता है डुप्लिकेट कुंजी अपडेट पर डालने के समान दो अलग-अलग डेटा के साथ दो अलग-अलग जगहों को वापस करने की आवश्यकता है जहां खंड जावा थ्रेड उदाहरण? ग्रहण फोंट और पृष्ठभूमि रंग सतह के ढाल के साथ रंग matplotlib plot_surface कमांड मुख्य गतिविधि के बिना एंड्रॉइड एप्लिकेशन लॉन्च करें और एप्लिकेशन लॉन्च करने पर सेवा शुरू करें चौड़ाई: 100% -पैडिंग? बूटस्ट्रैप क्या है?