Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS Flexbox के साथ तत्वों को लंबवत और क्षैतिज रूप से कैसे केन्द्रित करें

CSS Flexbox के साथ तत्वों को लंबवत और क्षैतिज रूप से कैसे केन्द्रित करें

वीडियो से कोडपेन


  1. सीएसएस के साथ लंबवत और क्षैतिज रूप से बटन तत्व को कैसे केंद्रित करें?

    CSS के साथ एक बटन को लंबवत और क्षैतिज रूप से केन्द्रित करने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } .केंद्रित {प्रदर्शन:फ्लेक्स; औचित्य-सामग्री:केंद्र; संरेखित-आइटम:केंद्र; ऊंचाई:200px; सीमा:3px ठोस आरजीबी (0, 70, 128); } बटन {फ़ॉन्ट-आका

  1. CSS और JavaScript के साथ ट्री व्यू कैसे बनाएं?

    सीएसएस और जावास्क्रिप्ट के साथ एक ट्री व्यू बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: &qu

  1. CSS के साथ अपनी वेबसाइट को क्षैतिज रूप से कैसे केन्द्रित करें?

    सीएसएस के साथ अपनी वेबसाइट को क्षैतिज रूप से केन्द्रित करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       backgr