टेलविंड में नकारात्मक स्थान मान का उपयोग कैसे करें?

टेलविंड सीएसएस में, ' बीच का स्थान उपयोगिताओं का उपयोग फ्लेक्स या ग्रिड कंटेनरों के चाइल्ड तत्वों के बीच की जगह को नियंत्रित करने के लिए किया जाता है। यह क्रमशः चाइल्ड तत्वों के बीच क्षैतिज और ऊर्ध्वाधर स्थान को लागू करने के लिए विभिन्न कक्षाएं प्रदान करता है, जैसे 'स्पेस-एक्स-<वैल्यू>', और 'स्पेस-वाई-<वैल्यू>'। इसके अलावा, उपयोगकर्ता इसका भी उपयोग कर सकते हैं नकारात्मक विपरीत दिशा में तत्वों के बीच अंतर बनाने के लिए इन उपयोगिताओं का उपयोग करें। इनका उपयोग एक तत्व को दूसरे तत्व के अंदर रखने के लिए भी किया जा सकता है।

यह मार्गदर्शिका टेलविंड में नकारात्मक स्थान मान का उपयोग करने की विधि का उदाहरण देगी।

टेलविंड में नकारात्मक स्थान मान का उपयोग कैसे करें?

टेलविंड में नकारात्मक स्पेस मान का उपयोग करने के लिए, पहले एक HTML संरचना बनाएं। फिर, डैश का उपयोग करें ' – 'उपयोगिता वर्गों के बीच वांछित' स्थान के साथ इसे नकारात्मक मान में परिवर्तित करें। “ -स्पेस-x-<मूल्य> ' और ' -स्पेस-y-<मूल्य> उपयोगिताओं का उपयोग अक्सर एक तत्व को दूसरे तत्व के अंदर रखने के लिए किया जाता है।

आइए इसे बेहतर ढंग से समझने के लिए नीचे दिए गए उदाहरण देखें।

उदाहरण 1: तत्वों के बीच एक नकारात्मक क्षैतिज अंतर लागू करें

इस उदाहरण में, हमारे पास एक पंक्ति में कुछ चाइल्ड तत्वों के साथ एक फ्लेक्स कंटेनर है। हम 'का उपयोग करेंगे -स्पेस-x-8 'फ्लेक्स तत्वों के बीच नकारात्मक क्षैतिज रिक्ति लागू करने के लिए वर्ग: