DevTools के बारे में सलाह: सीएसएस फ़्लेक्सबॉक्स की जांच करने और उसे डीबग करने का तरीका
bookmark_borderbookmark
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
Sofia Emelianova
Chrome DevTools की मदद से, सीएसएस फ़्लेक्सबॉक्स लेआउट को आसानी से डीबग किया जा सकता है. एलिमेंट पैनल में, कॉन्टेक्स्ट के हिसाब से काम करने वाला फ़्लेक्सबॉक्स एडिटर और पसंद के मुताबिक बनाया जा सकने वाला ओवरले मिलता है.
इन कामों को करने का तरीका जानने के लिए वीडियो देखें:
फ़्लेक्सबॉक्स एडिटर का इस्तेमाल करके, फ़्लेक्सबॉक्स प्रॉपर्टी को टाइप करने के बजाय, एक बटन पर क्लिक करके बदलें.
किए गए बदलावों को तुरंत देखने के लिए, व्यूपोर्ट में फ़्लेक्सबॉक्स ओवरले को टॉगल करें.
सभी एलिमेंट की सूची देखने और उन्हें डीओएम ट्री में ढूंढने के लिए, एलिमेंट > लेआउट > फ़्लेक्सबॉक्स सेक्शन का इस्तेमाल करें. इसके अलावा, यहां ओवरले के रंगों को अपनी पसंद के मुताबिक बनाया जा सकता है.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2022-09-01 (UTC) को अपडेट किया गया."],[],[]]