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

के बारे में अधिक flexbox...

तो, यह एक बहुत ही विशिष्ट समस्या है: मैं चाहता हूं कि आप कोड चलाएं, और इसे एक पूर्ण विंडो में खोलें। अब कृपया निम्नलिखित कोड का निरीक्षण करें, और उत्तरदायी मोड को चालू करें। अब, आयामों को कुछ छोटे में बदलें, जब तक कि आप एक हैमबर्गर नहीं देख सकते। अब हैमबर्गर पर क्लिक करें। ठीक काम करता है? अब हैमबर....
25 नवम्बर 2021, 09:54
मैंने फ्लेक्स यूटिलिटीज की मदद से टेलविंड सीएसएस के साथ एक पेज लेआउट बनाया है। अब मैं एक मुद्दे से जूझ रहा हूं। दाईं ओर शीर्षक और विवरण के साथ एक शीर्ष लेख अनुभाग है। मैं अब चाहता हूं कि विवरण कभी भी चौड़ाई के 100% से अधिक नहीं ले रहा है और यदि इसमें अधिक है तो स्वचालित रूप से पाठ को छोटा कर देता ह....
21 नवम्बर 2021, 15:10
मैं वर्तमान में सीएसएस के साथ थोड़ा सा प्रयोग कर रहा हूं, और मुझे एक समस्या है जहां एक फ्लेक्सबॉक्स आइटम मार्जिन और पैडिंग का सही ढंग से सम्मान नहीं कर रहा है, और दाईं ओर मार्जिन प्राप्त करने का एकमात्र तरीका है। यहां न्यूनतम प्रजनन है जिसके साथ मैं आने में सक्षम था: <body> <div class="flexbox">....
20 नवम्बर 2021, 17:08
यह वह मॉकअप है जिसे मैं लागू करने का प्रयास कर रहा हूं (उद्देश्य पर धुंधला पाठ): मैं जिस चीज से जूझ रहा हूं वह पाद लेख है। नीचे दाईं ओर ग्रे त्रिकोण बड़ा है और उस स्थान को ओवरलैप करता है जहां काला बटन और परीक्षण तत्व हैं। डार्क बार और ग्रे त्रिकोण एक छवि फ़ाइल में हैं और मैं इसके लिए एक img तत्व ....
19 नवम्बर 2021, 12:39
मेरे पास फ्लेक्सबॉक्स आइटम .learn--text में एक टेक्स्ट है जिसे लंबवत रूप से केंद्रित करने की आवश्यकता है, लेकिन word-break: break-word नियम काम नहीं करता है। यह है वर्तमान स्थिति और वांछित राज्य .learn { display: flex; flex: 0 0 50px; margin-top: auto; align-items: stretch; height: 50p....
16 नवम्बर 2021, 00:32
मैं एक HTML CSS ट्यूटोरियल में एक ब्लॉग वेब पेज बनाने की कोशिश कर रहा हूँ और मुझे navBar समान बनाने का कोई तरीका नहीं मिल रहा है। यहाँ नेविगेशन बार है: मुझे नहीं पता कि बाईं ओर के लोगो को दाईं ओर के चिह्नों के समूह से कैसे अलग किया जाए। मैंने फ्लेक्स का उपयोग करने की कोशिश की लेकिन मैं यह नहीं स....
13 नवम्बर 2021, 19:35
मैं एक पेज पर 3 डिव ब्लॉक के सेट के क्रम को बदलने के लिए फ्लेक्सबॉक्स ऑर्डर का उपयोग कर रहा हूं। मैं ऑर्डर को सफलतापूर्वक बदलने में सक्षम हूं, लेकिन काम करने के लिए 100% चौड़ाई नहीं मिल रही है और सब कुछ अभी भी एक ही लाइन पर बना हुआ है। किसी भी अंतर्दृष्टि की कृतज्ञता की सराहना की जाएगी। .containe....
13 नवम्बर 2021, 01:08
तो मैं अस्तित्वहीन खेल के लिए एक अभ्यास लैंडिंग पृष्ठ कर रहा हूं और यही वह समस्या है जिसका मैंने सामना किया है। hero-row div अपने header-box कंटेनर को ओवरफ्लो कर रहा है, क्योंकि यह स्वयं इसकी सामग्री से भरा हुआ है header-box में 2 पंक्तियाँ हैं: nav-row और hero-row। वे फ्लेक्स आइटम के रूप में प्र....
12 नवम्बर 2021, 09:16
मैं कुछ समय से अपनी एक कक्षा के लिए नियत कार्य पर काम कर रहा हूँ और मुझे परेशानी हो रही है। मैंने वेबपेज की तरह दिखने के लिए मुझे जो चाहिए उसकी एक तस्वीर शामिल की है। मैं अपने वर्तमान आउटपुट की एक तस्वीर जोड़ने की कोशिश करूंगा। मैं आपको बता सकता हूं कि एक समस्या यह है कि मेरा नेविगेशन बार दाईं ओर....
12 नवम्बर 2021, 05:53
इसलिए मैं सिर्फ सैंडबॉक्सिंग कर रहा हूं कि बूटस्ट्रैप में प्रतिक्रियाशील फ्लेक्स और सिकुड़न कैसे काम करता है। नीचे मेरा कोड है। कुछ भी काम नहीं लगता। मैंने एलजी/एमडी/एसएम जैसे विभिन्न ब्रेकपॉइंट्स का उपयोग करने का प्रयास किया है लेकिन कोई भाग्य नहीं है। किसी भी मार्गदर्शन की सराहना करेंगे। <!d....
11 नवम्बर 2021, 17:29
मेरे पास वर्तमान में निम्नलिखित है एचटीएमएल <div> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div> मैं निम्नलिखित लेआउट प्राप्त करने के लिए फ्लेक्सबॉक्स का उपयोग करना चाहता हूं। लक्ष्य दृश्य डेस्कटॉप काम करता है, मोबाइल ऐसा दिखता है जो गलत . है वर्तमान /....
11 नवम्बर 2021, 07:16
फ्लेक्सबॉक्स का उपयोग करते हुए, दो अलग-अलग वाक्य जो पेज बनाते हैं, बीच में हैं। हालाँकि, जब मैं अपने फ़ोन पर साइट देखता हूँ तो दूसरा वाक्य बाईं ओर संरेखित होता है। साइट फोन पर कैसी दिखती है मैंने विशेष रूप से दूसरे वाक्य के असफल होने के लिए @media और केंद्र-संरेखण का उपयोग करके आकार को लक्षित करने....
10 नवम्बर 2021, 09:26
मैं छात्र परियोजना पर हूं (मुझे डेस्कटॉप मॉकअप को पुन: पेश करना है) और कई घंटों से मुझे नहीं पता कि फ्लेक्सबॉक्स के साथ क्या करना है। मैं एक ही पंक्तियों में 3 तत्वों को संरेखित करने का प्रयास कर रहा हूँ। इसलिए, मैं प्रत्येक तत्व के लिए चौड़ाई प्राप्त करने के लिए एक विभाजन करता हूं और मुझे 33.33% म....
9 नवम्बर 2021, 22:33
मैं इस nav-bar के अंदर आइकन संरेखित करना चाहता हूं। मैंने उन्हें फ्लेक्सबॉक्स, वर्टिकल एलाइन आदि के साथ संरेखित करने की कोशिश की। मैंने सब कुछ करने की कोशिश की, लेकिन यह काम नहीं कर रहा है। क्या मुझे सूची के अंदर कोड को फिर से लिखना चाहिए? वर्तमान कोड इस तरह दिखता है: .nav-bar { display: flex;....
9 नवम्बर 2021, 15:14
मैं सीखने की कोशिश कर रहा हूं कि रिएक्ट नेटिव ऐप कैसे लिखें और वे अपने ऐप स्क्रीन को स्टाइल करने के लिए फ्लेक्सबॉक्स का बहुत उपयोग कर रहे हैं। फ्लेक्सबॉक्स का उपयोग करके मैं निम्नलिखित लेआउट कैसे प्राप्त कर सकता हूं? मेरे पास अब तक का कोड है: const styles = StyleSheet.create({ container: { ....
8 नवम्बर 2021, 13:55
मेरे पास एक लेआउट है जहां मुझे इस तरह रखे रेडियो बटन हैं: कॉलम लेआउट: जब वे स्क्रीन पर फ़िट नहीं हो पाते हैं, तो मैं उन्हें स्टैक करके रखना चाहता/चाहती हूं, जैसे: स्टैक्ड लेआउट: मेरा मार्कअप कुछ ऐसा है: <div class="parent"> <div class="radio a"> <input/> </div> <div class="radio b"> ....
8 नवम्बर 2021, 01:33
मैं फ्लेक्सबॉक्स का उपयोग करके नीचे दिए गए लेआउट को प्राप्त करने का प्रयास कर रहा हूं। मेरे पास मूल रूप से एक बाएं हाथ का साइडबार था जिसमें छवि और नेविगेशन, और एक मुख्य सामग्री क्षेत्र था। मोबाइल पर, साइडबार मुख्य सामग्री के नीचे लपेटा जाता था। इसके साथ समस्या यह है कि मुझे मोबाइल पर शीर्ष पर बने ....
6 नवम्बर 2021, 22:35
इसलिए मैंने एक साइनअप पेज बनाने की कोशिश की, जो एक फ्लेक्स के रूप में प्रदर्शित होता है, इसलिए बाईं ओर मेरे पास कुछ "स्वागत ..etc" टेक्स्ट होगा और दाईं ओर साइनअप फॉर्म होगा। मेरे पास एक जेएस स्क्रिप्ट भी है ताकि जब भी फॉर्म से कोई इनपुट "अच्छा" न हो, तो इनपुट के नीचे एक <small> संदेश दिखाई देगा; स....
4 नवम्बर 2021, 20:15
सबसे पहले, अग्रिम रूप से मेरी मदद करने के लिए धन्यवाद। मैंने प्रत्येक पंक्ति में समान स्थान देते हुए तीन सामग्रियों को संरेखित करने का प्रयास किया। इस छवि की तरह। तो, मैंने ऐसा करने के लिए फ्लेक्सबॉक्स का उपयोग करने की कोशिश की! फ्लेक्स, फ्लेक्स-दिशा: कॉलम;, और संरेखण-वस्तुओं या औचित्य-सामग्री ....
2 नवम्बर 2021, 19:28
मैं अभ्यास के लिए ट्विटर का डुप्लिकेट बनाने की कोशिश कर रहा हूं और मैं एक समस्या में फंस गया हूं। मेरे पास एक फ्लेक्स पंक्ति है और इसमें एक लोगो और एक टेक्स्ट है। मैं टेक्स्ट को वैसे ही संरेखित करना चाहता हूं जैसे लोगो संरेखित हैं। कृपया नीचे दी गई तस्वीर को देखें। जैसा कि आप देख सकते हैं कि सभी....
1 नवम्बर 2021, 14:51
मैं कुछ समय के लिए सीएसएस का अध्ययन कर रहा हूं, लेकिन मैं हमेशा संघर्ष करता हूं जब मुझे पृष्ठ में आइटम को जिस तरह से मैं चाहता हूं उसे स्थान देना होता है। मैं अपने स्वयं के टेम्पलेट को पूरी तरह उत्तरदायी बनाने के बारे में प्रस्तावित अभ्यास कर रहा था और मुझे अभी 2 समस्याएं आ रही हैं: पहला: मैंने 3 व....
31 अक्टूबर 2021, 06:17
मुझे यकीन नहीं है कि मैं कुछ स्पष्ट देख रहा हूं, लेकिन मुझे एक ऐसे लेआउट की आवश्यकता है जहां प्रत्येक पंक्ति में समान चौड़ाई वाले कॉलम हों, लेकिन नीचे की छवि पर दिखाए गए अनुसार व्यापक लंबवत कॉलम की न्यूनतम चौड़ाई वाली सामग्री के लिए स्वचालित रूप से फिट हो: इस प्रश्न के संदर्भ में नमूना 1: सामग्री क....
30 अक्टूबर 2021, 15:50
मुझे ग्रिड में निश्चित आकार के ब्लॉकों का एक गुच्छा व्यवस्थित करने की आवश्यकता है। मैं flex-wrap: wrap का उपयोग कर रहा हूं ताकि प्रत्येक पंक्ति में जितने फिट हों उतने प्राप्त करें। लेकिन, मैं चाहता हूं कि यह पूरा लपेटा हुआ कॉलम पेज में केंद्रित हो। आदर्श रूप में, मैं चाहूंगा कि यह कुछ इस तरह दिखे....
30 अक्टूबर 2021, 12:22
मैंने अपनी समस्या को कोडनिपेट में काम किया है - मैं वास्तव में रिएक्ट का उपयोग कर रहा हूं, इसलिए यह वास्तव में TabHeadings की सूची की तरह व्यवहार करता है - और जब एक पर क्लिक किया जाता है, तो यह List को इसके दाईं ओर फैलाता है ( इसलिए एक समय में केवल एक ही दिखाई देता है)। मेरी heading-tab की ऊंचाई है....
29 अक्टूबर 2021, 13:20
मैंने अपनी समस्या को नीचे दिए गए स्निपेट में सरल बनाने की कोशिश की है - मेरा असली प्रोजेक्ट रिएक्ट का उपयोग कर रहा है, लेकिन यह इस मुद्दे को प्रदर्शित करना चाहिए: .page-container { margin-left: 3rem; } .heading-tab { height: 72px; width: 294px; border-top: 1px solid lightgrey; } .heading....
28 अक्टूबर 2021, 19:41