ग्रिड-पंक्ति / ग्रिड-कॉलम - सीएसएस-ट्रिक्स

Anonim

grid-rowऔर grid-columnगुण को परिभाषित जो पंक्ति या स्तंभ एक तत्व पर प्रदर्शित किया जाएगा।

.element ( grid-row: 1 / 2; grid-column: 3 / -1; )

यहाँ एक स्पष्ट 3 × 3 ग्रिड है जहाँ इन गुणों का उपयोग विशिष्ट स्थानों पर इस पर ग्रिड आइटम रखने के लिए किया जाता है:

सम्बंधित

  • ग्रिड के लिए पूरी गाइड
  • ग्रिड-टेम्पलेट-कॉलम / ग्रिड-टेम्पलेट-पंक्तियाँ

ब्राउज़र का समर्थन

यह ब्राउज़र सपोर्ट डेटा Caniuse का है, जिसमें अधिक विवरण हैं। एक संख्या इंगित करती है कि ब्राउज़र उस संस्करण और ऊपर की सुविधा का समर्थन करता है।

डेस्कटॉप

क्रोम फ़ायर्फ़ॉक्स अर्थात एज सफारी
५ 57 ५२ 1 1* १६ 10.1

मोबाइल / टेबलेट

Android क्रोम Android फ़ायरफ़ॉक्स एंड्रॉयड iOS सफारी
88 .५ 81 10.3