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

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

315 html  css  flexbox 

मेरे पास 4 फ्लेक्सबॉक्स कॉलम हैं और सब कुछ ठीक काम करता है, लेकिन जब मैं कॉलम में कुछ टेक्स्ट जोड़ता हूं और इसे बड़े फ़ॉन्ट आकार में सेट करता हूं, तो यह फ्लेक्स प्रॉपर्टी के कारण कॉलम को व्यापक बना रहा है। मैंने उपयोग करने की कोशिश की word-break: …

312 html  css  flexbox 

आप किसी फ्लेक्स आइटम के align-itemsसाथ ओवरराइड कर सकते हैं align-self। मैं justify-contentएक फ्लेक्स आइटम के लिए ओवरराइड करने का तरीका ढूंढ रहा हूं । यदि आपके पास एक फ्लेक्सबॉक्स कंटेनर था justify-content:flex-end, लेकिन आप चाहते हैं कि पहला आइटम हो justify-content: flex-start, तो यह कैसे किया जा सकता है? …

283 css  flexbox 

На сттот вопрос есть ответы на Stack Overflow на русском : फ्लेक्सबॉक्स आइटम - перенос на новую строку वहाँ कई लाइन flexbox में एक लाइन ब्रेक बनाने के लिए एक रास्ता है? इस CodePen में प्रत्येक 3 आइटम के बाद तोड़ने के लिए उदाहरण के लिए । .container { background: …

261 html  css  flexbox 

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

260 html  css  flexbox 

इसलिए, फ्लेक्सबॉक्स का उपयोग करके एक उपयोगी मोडल बनाने के प्रयास में, मैंने पाया कि एक ब्राउज़र समस्या क्या है और सोच रहा हूं कि क्या कोई ज्ञात फिक्स या वर्कअराउंड है - या इसे हल करने के तरीके पर विचार। मैं जिस चीज को हल करने की कोशिश कर …

259 html  css  flexbox  browser-bugs 

मैं एक विशिष्ट ऊंचाई के साथ एक ऊर्ध्वाधर मेनू रखना चाहता हूं। प्रत्येक बच्चे को माता-पिता की ऊंचाई को भरना चाहिए और मध्य-संरेखित पाठ होना चाहिए। बच्चों की संख्या यादृच्छिक है, इसलिए मुझे गतिशील मूल्यों के साथ काम करना होगा। डिव .containerमें बच्चों की एक यादृच्छिक संख्या होती है ( …

235 css  google-chrome  webkit  flexbox 

इस बारे में सवाल और लेख आए हैं, लेकिन जितना मैं बता सकता हूं उतना कुछ भी निर्णायक नहीं है। सबसे अच्छा सारांश मैं पा सकता हूं फ्लेक्स-आधार आपको तत्व के प्रारंभिक / प्रारंभिक आकार को निर्दिष्ट करने की अनुमति देता है, इससे पहले कि कुछ और गणना की जाए। …

224 css  flexbox  width 

यहाँ उपरोक्त लेआउट को प्राप्त करने के लिए कोड का उपयोग किया जा रहा है: .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 …

214 css  layout  multiple-columns  flexbox 

क्षैतिज और ऊर्ध्वाधर दोनों में अभिक्रियात्मक में पाठ कैसे केंद्रित करें? मेरे पास rnplay.org में एक उदाहरण अनुप्रयोग है जहाँ justifyContent = "center" और alignItems = "केंद्र" काम नहीं कर रहा है: https://rnplay.org/apps/AoxNKQ पाठ को केंद्रित किया जाना चाहिए। और पाठ (पीला) और मूल कंटेनर के बीच शीर्ष पर एक …

212 reactjs  flexbox  react-native 

https://jsfiddle.net/vhem8scs/ क्या दो आइटमों को बाईं ओर संरेखित करना और एक आइटम को फ्लेक्सबॉक्स के साथ दाएं संरेखित करना संभव है? लिंक इसे और अधिक स्पष्ट रूप से दिखाता है। आखिरी उदाहरण वह है जो मैं हासिल करना चाहता हूं। Flexbox में मेरे पास कोड का एक ब्लॉक है। फ्लोट …

212 css  alignment  flexbox 

मेरे पास फ्लेक्सबॉक्स में 2 divs अगल-बगल हैं। दाहिना हाथ एक हमेशा एक ही चौड़ाई होना चाहिए, और मैं चाहता हूं कि बाएं हाथ एक को केवल शेष स्थान को पकड़ो। लेकिन यह तब तक नहीं होगा जब तक मैं विशेष रूप से इसकी चौड़ाई निर्धारित नहीं करता। तो इस …

205 html  css  flexbox 

मैंने पहले ही कई फ्लेक्सबॉक्स ट्यूटोरियल पढ़ लिए हैं, लेकिन मैं अभी भी काम करने के लिए यह सरल कार्य नहीं कर सकता। मैं लाल बॉक्स को 100% चौड़ाई में कैसे बना सकता हूं? कोड: <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Natives </Text> <Text style={styles.line1}> line1 </Text> <Text style={styles.instructions}> …

203 flexbox  react-native 

मैंने एक fieldsetतत्व के साथ स्टाइल करने की कोशिश की display: flexऔर display: inline-flex। हालाँकि, यह काम नहीं किया: flexव्यवहार की तरह block, और inline-flexव्यवहार की तरह inline-block। यह फ़ायरफ़ॉक्स और क्रोम दोनों पर होता है, लेकिन अजीब तरह से यह IE पर काम करता है। यह एक बग है? …

201 html  css  flexbox 

3-पंक्ति लेआउट में: शीर्ष पंक्ति को उसकी सामग्री के अनुसार आकार दिया जाना चाहिए नीचे की पंक्ति को पिक्सेल में एक निश्चित ऊँचाई होनी चाहिए कंटेनर को भरने के लिए मध्य पंक्ति का विस्तार होना चाहिए समस्या यह है कि जैसे ही मुख्य सामग्री फैलती है, यह शीर्ष लेख और …

194 css  layout  flexbox