HTML में, बटन क्लिक करने योग्य तत्व होते हैं जिनका उपयोग किसी विशिष्ट क्रिया को करने के लिए किया जाता है। CSS का उपयोग करके, आप बटन की स्थिति सेट कर सकते हैं जहाँ आप इसे रखना चाहते हैं। ऐसा करने के लिए, CSS में कई तकनीकें हैं, उनमें से एक flexbox है। ' मोड़ना ' का उपयोग तत्व की स्थिति को उसके व्यूपोर्ट के अनुसार निर्धारित करने के लिए किया जाता है।
यह लेख सिखाएगा कि CSS Flexbox का उपयोग करके एक बटन को कैसे केन्द्रित किया जाए।
तो, चलिए शुरू करते हैं!
CSS flexbox का उपयोग करके बटन को कैसे केन्द्रित करें?
' मोड़ना “सीएसएस की प्रदर्शन संपत्ति के लिए निर्धारित मूल्य है। व्यूपोर्ट आकार के आधार पर, यह सामग्री या तत्वों को तदनुसार सेट करता है। CSS में, flex मान तत्वों के बीच समान स्थान बनाता है ताकि यह सुनिश्चित हो सके कि उन्हें कुशलतापूर्वक व्यवस्थित किया गया है।
वाक्य - विन्यास
ऊपर दिए गए सिंटैक्स में, ' मोड़ना 'के मूल्य के रूप में निर्दिष्ट किया जाएगा' दिखाना ' संपत्ति।
तो, आइए फ्लेक्स का उपयोग करके बटन को केंद्रीकृत करने के लिए उदाहरण देखें।
उदाहरण
HTML के
में, हम