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

फ़्लोट्स और तालिकाओं की आवश्यकता को समाप्त करते हुए तत्वों को संरेखित करने के लिए लचीले लेआउट के लिए सीएसएस मॉड्यूल विकल्पों की एक विस्तृत श्रृंखला प्रदान करता है।

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.