"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > कैसे `औचित्य-सामग्री`,` औचित्य-आइटम ', और `जस्टिफ़-सेल्फ' सीएसएस ग्रिड लेआउट में भिन्न हैं?

कैसे `औचित्य-सामग्री`,` औचित्य-आइटम ', और `जस्टिफ़-सेल्फ' सीएसएस ग्रिड लेआउट में भिन्न हैं?

2025-02-25 को पोस्ट किया गया
ब्राउज़ करें:633

How Do `justify-content`, `justify-items`, and `justify-self` Differ in CSS Grid Layout?

गुण समझ में आते हैं, क्योंकि प्रलेखन अक्सर ग्रिड के बजाय फ्लेक्स-बॉक्स पर केंद्रित होता है। स्पष्ट करने के लिए:

1। फ्लेक्स-बॉक्स और ग्रिड गुणों के बीच संबंध

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

2। जस्टिफ़-सेल्फ की भूमिकाएँ, औचित्य-आइटम, और औचित्य-सामग्री

  • औचित्य-सामग्री : पंक्ति अक्ष के साथ पूरे ग्रिड को संरेखित करता है। यह संपत्ति क्षैतिज दिशा में ग्रिड आइटम के बीच रिक्ति को नियंत्रित करती है। यह ग्रिड कोशिकाओं के भीतर सामग्री के संरेखण को प्रभावित करता है। यह संपत्ति व्यक्तिगत रूप से विशिष्ट ग्रिड आइटम के संरेखण को समायोजित करती है। मुख्य अंतर
  • निम्नलिखित दृश्य सहायता इन गुणों के बीच भेदों का एक स्पष्ट प्रदर्शन प्रदान करती है: [ग्रिड लेआउट की छवि, सामग्री, ग्रिड आइटम और ग्रिड के विभिन्न संरेखण के साथ स्वयं]
  • अतिरिक्त संसाधन

लेख:

id_layout

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3