flexbox पर टैग किए गए जवाब

मैं "फ्लोटी" लेआउट से दूर जाने और भविष्य की परियोजनाओं के लिए सीएसएस फ्लेक्सबॉक्स का उपयोग करने की योजना बना रहा हूं। मुझे यह देखकर खुशी हुई कि उनके वर्तमान संस्करणों के सभी प्रमुख ब्राउज़र एक तरह से (दूसरे तरीके से) फ्लेक्सबॉक्स का समर्थन करते दिख रहे हैं। मैं कुछ …

117 html  css  flexbox  cross-browser 

मेरे पास एक सरल वेब पेज है जिसमें कुछ Lipsum सामग्री है जो पृष्ठ पर केंद्रित है। पृष्ठ क्रोम और फ़ायरफ़ॉक्स में ठीक काम करता है। यदि मैं विंडो के आकार को कम करता हूं, तो सामग्री विंडो को तब तक भरती है जब तक वह नहीं भरता है और …

116 internet-explorer  css  flexbox  internet-explorer-11 

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

114 html  css  flexbox 

मेरे पास एक <div class="parent"> <div class="child" style="float:right"> Ignore parent? </div> <div> another child </div> </div> जनक के पास है .parent { display: flex; } अपने पहले बच्चे के लिए, मैं केवल आइटम को दाईं ओर फ़्लोट करना चाहता हूं। और माता-पिता द्वारा निर्धारित फ्लेक्स नियम का पालन करने के …

114 html  css  flexbox 

मैं इस पर थोड़ा अटक गया था और सोचा था कि मैं इस position: sticky+ फ्लेक्सबॉक्स गोचा को साझा करूंगा: जब तक मैं अपने विचार को फ्लेक्स बॉक्स कंटेनर में बदल नहीं देता, तब तक मेरा चिपचिपा डिव ठीक काम कर रहा था, और जब यह फ्लेक्सबॉक्स माता-पिता में लिपटा …

105 css  flexbox  css-position  sticky 

यह प्रश्न फ्लेक्सबॉक्स सहित पूर्ण css3 समर्थन वाले ब्राउज़र की चिंता करता है। मेरे पास एक फ्लेक्स कंटेनर है जिसमें कुछ आइटम हैं। वे सभी फ्लेक्स-स्टार्ट के लिए उचित हैं लेकिन मैं चाहता हूं कि अंतिम .end आइटम को फ्लेक्स-एंड के लिए उचित ठहराया जाए। क्या HTML को संशोधित किए …

105 css  flexbox 

मैं कैसे बता सकता हूं कि एक फ्लेक्सबॉक्स लेआउट पंक्ति ब्राउज़र विंडो में शेष ऊर्ध्वाधर स्थान का उपभोग करती है? मेरे पास एक 3-पंक्ति फ्लेक्सबॉक्स लेआउट है। पहली दो पंक्तियाँ निश्चित ऊँचाई वाली हैं, लेकिन तीसरी गतिशील है और मैं चाहूँगा कि यह ब्राउज़र की पूरी ऊँचाई तक बढ़े। मेरे …

102 html  css  flexbox 

मैं फ्लेक्सबॉक्स का उपयोग करके एक पूर्ण-ऊंचाई ऐप का उपयोग करना चाहता हूं। मैंने पाया कि मैं display: box;इस लिंक में पुराने फ्लेक्सबॉक्स लेआउट मॉड्यूल ( और अन्य चीजों) का उपयोग करना चाहता हूं : CSS3 फ्लेक्सबॉक्स पूर्ण ऊंचाई ऐप और अतिप्रवाह यह ब्राउज़र के लिए एक सही समाधान है …

101 html  css  flexbox 

नमूना: div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> कोड स्निपेट चलाएंपरिणाम छिपाएँस्निपेट का विस्तार करें मेरे दो सवाल हैं, कृपया: यह मूल रूप से क्यों होता है span? एक फ्लेक्स कंटेनर में अन्य फ्लेक्स आइटम को प्रभावित …

100 html  css  flexbox 

मैं इकट्ठा करता हूं कि यह फ्लेक्सबॉक्स का उपयोग करना असंभव है, क्योंकि प्रत्येक पंक्ति केवल अपने तत्वों को फिट करने के लिए आवश्यक न्यूनतम ऊंचाई हो सकती है, लेकिन क्या नए सीएसएस ग्रिड का उपयोग करके इसे प्राप्त किया जा सकता है? स्पष्ट होने के लिए, मैं सभी पंक्तियों …

99 css  flexbox  grid-layout  css-grid 

मैंने सीएसएस फ्लेक्स बॉक्स लेआउट का उपयोग किया है जो नीचे दिखाया गया है: यदि स्क्रीन छोटी हो जाती है तो यह इस में बदल जाती है: समस्या यह है कि मूल छवि से पहलू राशन को रखते हुए छवियों का आकार परिवर्तन नहीं किया गया है। यदि स्क्रीन छोटा …

98 html  css  flexbox 

मुझे समस्या को ठीक करने के लिए सहायता की आवश्यकता है, मुझे बूटस्ट्रैप 4 में कॉलम के अंदर सामग्री को केंद्र में रखने की आवश्यकता है, कृपया नीचे मेरा कोड ढूंढें <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

जैसा कि आप देख सकते हैं, list-itemsपहले rowमें समान है height। लेकिन दूसरे में आइटम rowअलग हैं heights। मैं चाहता हूं कि सभी वस्तुओं में एक समान हो height। क्या निर्धारित ऊंचाई और केवल फ्लेक्सबॉक्स का उपयोग किए बिना इसे प्राप्त करने का कोई तरीका है ? मेरा यहाँ है …

94 html  css  flexbox 

मैं divअन्य तत्वों और केंद्र में इसके बाल तत्व के प्रभाव के बिना स्क्रीन के शीर्ष पर एक छड़ी बनाना चाहता हूं । .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> कोड स्निपेट चलाएंपरिणाम छिपाएँस्निपेट का विस्तार करें जब मैं position: absoluteलाइन जोड़ता हूं …

93 css  react-native  flexbox 

मेरे पास दो फ्लेक्स आइटम के साथ एक फ्लेक्स कंटेनर है। मैं एक दूसरे पर मार्जिन-टॉप सेट करना चाहता हूं, लेकिन केवल जब यह लपेटा जाता है और पहली फ्लेक्स लाइन पर नहीं। यदि संभव हो तो, मैं मीडिया प्रश्नों का उपयोग करने से बचना चाहता हूं। मुझे लगा कि …

93 css  margin  flexbox