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

ऐसा लगता है कि position:absoluteउपयोग में एक तत्व का उपयोग करके केंद्रित नहीं किया जा सकता है justifyContentया alignItems। उपयोग करने के लिए वर्कअराउंड है, marginLeftलेकिन डिवाइस की ऊंचाई और चौड़ाई का पता लगाने के लिए आयामों का उपयोग करके सभी उपकरणों के लिए समान प्रदर्शित नहीं करता है। bottom: …

92 position  react-native  flexbox  absolute 

मैं चाहता हूं कि फ्लेक्स आइटम केंद्रित हों, लेकिन जब हमारे पास दूसरी रेखा हो, तो 1 के नीचे 5 (नीचे की छवि से) और अभिभावक में केंद्रित न हो। यहाँ एक उदाहरण है जो मेरे पास है: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; …

92 html  css  flexbox 

मैं <button>flext के साथ एक -tag के आंतरिक तत्वों को केंद्र में लाने की कोशिश कर रहा हूं justify-content: center। लेकिन सफारी उन्हें केंद्रित नहीं करता है। मैं किसी भी अन्य टैग के लिए एक ही शैली लागू कर सकता हूं और यह इच्छित ( <p>-tag देखें ) के रूप …

91 html  css  safari  flexbox  css-grid 

मेरे पास एक कंटेनर के अंदर दो तत्व हैं, जो फ्लेक्स बॉक्स का उपयोग करके साइड-बाय-साइड हो रहे हैं। दूसरे तत्व ( .flexbox-2) पर, मैं इसे सीएसएस में ऊंचाई निर्धारित कर रहा हूं। हालांकि, फिर पहला तत्व ( .flexbox-1) की ऊंचाई से मेल खाएगा .flexbox-2। मैं किस प्रकार .flexbox-1की ऊंचाई …

85 html  css  flexbox 

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

84 css  flexbox 

मैं एक फ्लेक्सबॉक्स का उपयोग करके एक अन्य डीआईवी के अंदर एक डीआईवी को केंद्रित कर रहा हूं। एक डायलॉग विंडो के बारे में सोचें जो स्क्रीन के केंद्र में जरूरत पड़ने पर पॉप अप हो। यह ठीक काम करता है, हालांकि यह बहुत बेहतर लगेगा यदि संवाद के ऊपर …

23 html  css  flexbox  centering 

मैं ऊपर और नीचे एक छवि और पाठ के साथ एक मेनू प्रणाली बनाने की कोशिश कर रहा हूं। डेटा गतिशील है। मैं मेनू सिस्टम को प्रदर्शित करना चाहता हूं ताकि प्रत्येक छवि एक-दूसरे की छवि से समान दूरी पर हो ताकि वे क्षैतिज और लंबवत रूप से छवियों के …

17 html  css  flexbox 

मैंने एक स्क्रिप्ट (यहां एक उपयोगकर्ता की मदद से) को कोडित किया है जो मुझे एक चयनित डिव का विस्तार करने और शेष भाग को फिट करने के लिए समान रूप से खींचकर तदनुसार अन्य व्यवहार करने की अनुमति देता है (पहले एक चौड़ाई को छोड़कर)। और यहाँ एक तस्वीर …

9 javascript  jquery  css  flexbox  css-transitions 

निम्नलिखित चश्मे के साथ विभिन्न आकार की छवियों और अनुपात की एक छवि गैलरी प्रदर्शित करना: छवियों के बीच कोई रिक्त स्थान (मार्जिन) नहीं। मूल अनुपात का यथासंभव सम्मान करना। एक लिंक से घिरा हुआ चित्र। गैर-जेएस समाधान। छवियों को थोड़ा क्रॉप किया जा सकता है। पोर्टेबल समाधान। प्रदर्शित छवियों …

9 css  flexbox  image-gallery