टेलविंड में तत्वों के बीच क्षैतिज और ऊर्ध्वाधर स्थान कैसे जोड़ें?

• “ बीजी-टील-500 क्लास टील करने के लिए फ्लेक्स तत्वों की पृष्ठभूमि सेट करती है।
• “ डब्ल्यू 20 क्लास प्रत्येक फ्लेक्स आइटम की चौड़ाई को 20 इकाइयों पर सेट करता है।
• “ पी-5 क्लास प्रत्येक फ्लेक्स आइटम के सभी किनारों पर पैडिंग की 5 इकाइयाँ जोड़ता है।

उत्पादन

उपरोक्त आउटपुट इंगित करता है कि फ्लेक्स तत्व के बीच क्षैतिज स्थान सफलतापूर्वक लागू किया गया है।

टेलविंड में तत्वों के बीच लंबवत स्थान कैसे जोड़ें?

टेलविंड में तत्वों के बीच ऊर्ध्वाधर स्थान जोड़ने के लिए, ' स्पेस-y-<मूल्य> HTML प्रोग्राम में विशिष्ट तत्व के साथ क्लास का उपयोग किया जाता है। यह वर्ग y-अक्ष के साथ तत्वों के बीच स्थान जोड़ता है।

वाक्य - विन्यास

यहां, 'y' 'y-अक्ष' या 'ऊर्ध्वाधर स्थान' का प्रतिनिधित्व करता है। सुनिश्चित करें कि '<मान>' को किसी वास्तविक मान, जैसे '5', '12' आदि से बदल दिया जाए।

उदाहरण: टेलविंड में तत्वों के बीच लंबवत स्थान लागू करना

इस उदाहरण में, हमारे पास एक कॉलम में कुछ चाइल्ड तत्वों वाला एक फ्लेक्स कंटेनर है। हम 'का उपयोग करेंगे स्पेस-वाई-5 'उपयोगिता वर्ग' के साथ