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

फ्लेक्सबॉक्स तत्वों को समान चौड़ाई नहीं दे रहा है

एक फ्लेक्सबॉक्स एनएवी का प्रयास करना जिसमें 5 आइटम हैं और 3 जितने कम हैं, लेकिन यह सभी तत्वों के बीच समान रूप से चौड़ाई को विभाजित नहीं कर रहा है। बेला ट्यूटोरियल मैं इसके बाद मॉडलिंग कर रहा हूँ http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ एस.ए.एस.एस. * { font-size:16px; } .tabs { max-width: 1010px; width:100%; height: 5rem; border-bottom:solid 1px […]

मेरे कुछ सीएसएस नियम काम क्यों नहीं कर रहे हैं?

मेरे पास नेस्टेड फ्लेक्सबॉक्स लेआउट है (बूटस्ट्रैप v4 का उपयोग करते हुए) जो परिदृश्य / पोर्ट्रेट मोड के अनुसार ओरिएंटेशन बदलता है एक प्रथम स्तर की div (जिसे order संपत्ति का उपयोग करके फ्लेक्सबॉक्स द्वारा रखा गया है), #no नो, 5 आइकन हैं जो बटन के रूप में सेवा करते हैं। order प्रॉपर्टी काम नहीं […]

फ्लेक्स आइटम के बीच समान स्थान

क्या पहली और अंतिम सहित सभी वस्तुओं के दोनों किनारों पर अंतरिक्ष का एक पूरा यूनिट लगाने का एक तरीका है? मैं फ्लेक्सबॉक्स बच्चों के बराबर अंतर रखने का एक तरीका ढूँढ़ने की कोशिश कर रहा हूं। इस लेख में यह निकटतम चीज की तरह लगता है, justify-content: space-around इससे लगता है: space-around : आइटम […]

फ्लेक्स-बढ़ते और चौड़ाई के बीच अंतर क्या है?

मैंने हाल ही में फ्लेक्सबॉक्स का उपयोग करना शुरू कर दिया है और अक्सर ऐसी स्थिति आती है जहां मुझे तत्वों के बीच मुख्य अक्ष पर स्थान वितरित करने की आवश्यकता होती है। मैं अक्सर width और flex-grow बीच में संकोच करता हूं। उदाहरण के लिए, अगर मैं एक आइटम को 2 उपायों को मापना […]

CSS3 फ्लेक्सबॉक्स: प्रदर्शन: बॉक्स बनाम flexbox vs. flex

मैं कल स्कूल में एक वेबसाइट बन गया जो सीएसएस 3 फ्लेक्सबॉक्स स्टेटमेंट का इस्तेमाल करता था। मैंने पहले कभी इसका इस्तेमाल नहीं किया तो मैं इसे थोड़ा गूगल। और फ्लेक्सबॉक्स स्टेटमेंट्स की कई अलग-अलग शैलियों को मिला। कुछ लोग display: box; लिखते display: box; , कुछ उपयोग display: flexbox; और अन्य display: flex; । […]

फ्लेक्सबॉक्स रैप कैसे परिवर्तित करें?

मेरे आवेदन में गतिशील रूप से गाया हुआ कार्ड (1-10 कार्ड से प्रत्येक एपीआई कॉल के लिए) के साथ मेरे पास उत्तरदायी फलकबॉक्स बॉक्स है यह लगभग ठीक उसी तरह करता है जो मैं चाहता हूं कि जिस तरह से वह लपेटता है उसे छोड़ दें। मान लीजिए कि मैंने 10 कार्ड दिए हैं, अगर […]

समान चौड़ाई फ्लेक्स आइटम वे लपेटो के बाद भी

क्या ऐसा शुद्ध सीएसएस समाधान करना संभव है: आइटम में कुछ min-width वे सभी कंटेनर चौड़ाई भरने के लिए गतिशील रूप से बढ़ने चाहिए और फिर नई लाइनों में लपेटें सूची में सभी आइटम की समान चौड़ाई होना चाहिए। यह अब ऐसा कैसे दिखता है: और मैं इसे पसंद करवाना चाहूंगा (जैसे मैंने उम्मीद की […]

फ्लोट एक फ्लेक्स कंटेनर में काम नहीं करता

मैं पाद लेख तत्व के दाईं ओर टेक्स्ट (foo लिंक) को स्थान देना चाहता हूं flex रहने के लिए मुझे पाद लेख डिस्प्ले चाहिए लेकिन जब मैं इसे flex , float:right सेट करता हूं float:right स्पैन के लिए float:right अब काम नहीं करता है। <footer style="display: flex;"> <span style="text-align: right;float: right;"> <a>foo link</a> </span> </footer> […]

मैं एक डिस्प्ले कैसे बना सकता हूं: फ्लेक्स कंटेनर अपनी लिपटे हुई सामग्रियों के साथ क्षैतिज रूप से फैलता है?

सीएसएस flexbox का उपयोग करते समय तीन मुख्य ब्राउज़रों कुछ क्षेत्रों में पूरी तरह से अलग व्यवहार करने के लिए प्रतीत होते हैं। इस मामले में मैं छवियों की एक ग्रिड बनाने की कोशिश कर रहा हूं: <div class="container"> <div class="photo"></div> <div class="photo"></div> <div class="photo"></div> <div class="photo"></div> <div class="photo"></div> <div class="photo"></div> </div> .container { display:inline-flex; […]

स्क्रॉल करने योग्य डिवा नीचे छड़ी करने के लिए, जब बाहरी डिवा आकार में बदलाव होता है

यहां एक उदाहरण चैट ऐप है -> विचार यहाँ है। .messages-container स्क्रीन के जितना भी कर सकते हैं उतना लेता है। । .messages-container भीतर, .scroll संदेशों की सूची रखती है, और यदि अधिक संदेश होते हैं तो स्क्रीन के आकार, स्क्रॉल अब, इस मामले पर विचार करें: बातचीत के निचले भाग में उपयोगकर्ता स्क्रॉल करता […]

दिलचस्प पोस्ट
आर में फ़्रिक्वेंसी की संख्या कैसे अपने खुद के सर्वर पर एक उल्का आवेदन को तैनात करने के लिए? जावा में मुख्य थ्रेड स्टॉप कब करता है? JSch का उपयोग करके सर्वर प्रतिक्रिया पढ़ने का कभी भी न खत्म होना <form method = "link"> या <a>? क्या फर्क पड़ता है? प्लग इन स्थापित करने में असमर्थ Grails क्यों गिट कहते हैं "खींचो संभव नहीं है क्योंकि आपने फ़ाइलें अनारोल्ड कर दी हैं"? कंसोल अनुप्रयोग के लिए "बाहर निकलें" ड्रॉपबॉक्स के साथ मर्कुरियल (और, मुझे गिट लगता है): कोई भी कमियां? PHP: एक श्रेणी के लिए एक सरणी बनाएँ जावास्क्रिप्ट में अजीब व्यवहार … के लिए बढ़ाया … लूप में सक्रियरेकॉर्ड में उपकुंजी होम कुंजी को अक्षम कैसे करें जावा वीएम पर मेमोरी बाधाएं और कोडिंग शैली आवश्यक फ़ाइल 'setup.bin' नहीं मिल सका