Articles of सीएसएस सीएसएस 3

मार्जिन-गिरने को अक्षम कैसे करें?

मार्जिन-पूरी तरह से ढहने को अक्षम करने का कोई तरीका है? मैंने जो एकमात्र उपाय पाया है ("कुंडली" के नाम से) 1px बॉर्डर या 1px पैडिंग का उपयोग करते हुए। मुझे यह अस्वीकार्य लगता है: बाहरी पिक्सेल कोई अच्छा कारण के लिए गणना पेचीदा नहीं है। क्या इस मार्जिन को खत्म करने के लिए एक […]

आखिरी पंक्ति में फ्लेक्स आइटम को लक्षित करना

मेरी समस्या यह है कि मैं वैल्यूएबल रेंज चौड़ाई के साथ फ्लेक्सबॉक्स चाहता हूं, और सभी अच्छी तरह से कार्य करते हैं, लेकिन अंतिम पंक्ति पर नहीं। मैं सभी बच्चों के लिए एक समान आयाम चाहता हूं, जहां भी बच्चों की पंक्ति (अंतिम पंक्ति) से भरा नहीं है #products-list { position:relative; display: flex; flex-flow: row […]

फ्लेक्स कंटेनर को कैसे केन्द्रित करें, लेकिन बाएं-संरेखित फ्लेक्स आइटम

मैं फ्लेक्स वस्तुओं को केंद्रित करना चाहता हूं, लेकिन जब हमारे पास दूसरी पंक्ति है, तो 1 के नीचे (नीचे की छवि से) और माता-पिता में केन्द्रित नहीं है। यहां मेरे पास एक उदाहरण है: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } li { list-style-type: none; border: […]

पारदर्शी तीर / त्रिकोण

मैं एक छवि पर एक पारदर्शी तीर बनाना चाहूंगा इस त्रिकोण को एक ब्लॉक में दांतेदार होना चाहिए और पृष्ठभूमि चित्र दिखाया जाना चाहिए। वांछित आउटपुट: सीएसएस: .barShow { background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .barShow:before { top: 0%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: […]

केंद्र और दायां संरेखित करें फ्लेक्सबॉक्स तत्व

मैं A B और C बीच में गठबंधन करना चाहता हूं। मैं D को पूरी तरह से सही करने के लिए कैसे प्राप्त करूं? इससे पहले कि: बाद: ऐसा करने के लिए सबसे अच्छा अभ्यास क्या है? ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: […]

फ्लेक्स मद के शीर्ष पर स्क्रॉल नहीं कर सकता जो कि कंटेनर से अधिक है

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

कंटेनर को सिकुड़ते-टू-फिट बाल तत्व बनाते हैं क्योंकि वे लपेटते हैं

मैं यह पता लगाने की कोशिश कर रहा हूँ कि फ्लेक्सबॉक्स कैसे काम करता है (काम करना चाहिए? …) जैसे कि नीचे दिए गए मामलों के लिए: .holder { width: 500px; background: lightgray; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } .v2 { width: 320px; } .child { display: inline-block; border: 1px solid black; […]

छवि से पहले और बाद में शीर्षक रेखा

मैं एक केन्द्रित शीर्षक से पहले और बाद में एक पंक्ति बनाना चाहता हूं असमान पृष्ठभूमि पर उनकी स्थिति बनाने में सक्षम होने के लिए रेखा और पाठ में एक पारदर्शी पृष्ठभूमि होनी चाहिए। लाइन 100% चौड़ाई नहीं होनी चाहिए, इस तरह से: शीर्षक का पाठ बदल सकता है: शीर्षक की चौड़ाई ज्ञात नहीं है […]

जब फ्लेक्सबॉक्स आइटम कॉलम मोड में लपेटते हैं, कंटेनर इसकी चौड़ाई नहीं बढ़ता

मैं नीडिंत फ्लेक्सबॉक्स लेआउट पर काम कर रहा हूं जो निम्नानुसार काम करना चाहिए: बाह्यतम स्तर ( ul#main ) एक क्षैतिज सूची है जिसे सही करने के लिए विस्तार किया जाना चाहिए जब उसमें अधिक वस्तुएं जुड़ जाएंगी। अगर यह बहुत बड़ा हो जाता है, तो एक क्षैतिज स्क्रॉल बार होना चाहिए #main { display: […]

डी 3 में एक नक्शा केंद्र को एक भौगोलिक तत्व दिया जाता है

वर्तमान में डी 3 में यदि आपके पास एक भौगोलिक तत्व है जो आप आकर्षित करने जा रहे हैं, तो आपको इसे स्केल करना होगा और इसका अनुवाद करने के लिए उस आकार को प्राप्त करने के लिए इसे अनुवाद करना होगा और इसे केंद्र में लाने के लिए इसका अनुवाद करना होगा। यह परीक्षण […]

दिलचस्प पोस्ट
PHP कोड का उपयोग करके छवियों को MySQL डाटाबेस में कैसे अपलोड करें HTML छवि मानचित्र के साथ jQuery के हॉवर का उपयोग करना पायथन: सहायता (रेंज) के आउटपुट में स्लैश का क्या मतलब है? जावा में सिंक्रनाइज़ (यह) से बचें? फ़ायरफ़ॉक्स ऐड-ऑन के लिए मैं हस्ताक्षर जांच कैसे अक्षम करूं? शुद्ध सीएसएस चेकबॉक्स छवि प्रतिस्थापन क्या टीसीएचआर अभी भी प्रासंगिक है? GoogleMap एंड्रॉइड एपीआई वी 2 के स्क्रीन शॉट को कैप्चर करें पायथन: समूह का उपयोग करके समूह में सबसे अधिक मूल्य वाली पंक्ति प्राप्त करना रेज़र एचटीएमएल हेल्पर एक्सटेंशन (या अन्य नामस्थानों के लिए दृश्य) नहीं मिला 'है' ऑपरेटर अनपेक्षित रूप से गैर-कैश्ड इंटिजर्स के साथ व्यवहार करता है विभाजित करने के लिए कैसे उद्धृत स्ट्रिंग्स में विभाजकों को अनदेखा करें, अजगर में? क्या जावा ऑडियो के लिए पुस्तकालयों में निर्मित है _ सिंघेसिस_? किसी भी फॉर्म डेटा को खोए बिना वर्तमान पृष्ठ को कैसे पुनः लोड करें? जावास्क्रिप्ट या jQuery ब्राउज़र बैक बटन क्लिक डिटेक्टर