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

सीएसएस ग्रिड लेआउट

<घंटा/> <शरीर>

वेब पेज डिजाइन करने के लिए, आप ग्रिड लेआउट मॉड्यूल का भी अनुसरण कर सकते हैं, यानी पंक्तियों और स्तंभों के साथ एक ग्रिड।

ग्रिड लेआउट में ग्रिड एलिमेंट, रो, कॉलम, गैप आदि होते हैं।

ग्रिड लेआउट में पैरेंट और चाइल्ड एलिमेंट होते हैं।

पंक्तियाँ ग्रिड वस्तुओं की क्षैतिज रेखा होती हैं, हालाँकि, स्तंभ लंबवत रेखा होते हैं।


  1. सीएसएस के साथ 2-कॉलम लेआउट ग्रिड कैसे बनाएं? सीएसएस के साथ 2-कॉलम लेआउट ग्रिड कैसे बनाएं?

    CSS के साथ 2-स्तंभ लेआउट ग्रिड बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: Arial;   &n

  1. सीएसएस के साथ मिश्रित कॉलम लेआउट ग्रिड कैसे बनाएं? सीएसएस के साथ मिश्रित कॉलम लेआउट ग्रिड कैसे बनाएं?

    CSS के साथ मिश्रित कॉलम लेआउट ग्रिड बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe

  1. सीएसएस के साथ 4-कॉलम लेआउट ग्रिड कैसे बनाएं? सीएसएस के साथ 4-कॉलम लेआउट ग्रिड कैसे बनाएं?

    CSS के साथ 4-स्तंभ लेआउट ग्रिड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .प्रथम, .सेकंड, .तीसरा, .चौथा {फ्लोट:बाएं; चौड़ाई:25%; रंग सफेद; पैडिंग:10px; ऊंचाई:500 पीएक्स; पाठ-संरेखण:केंद्र; } .पहले