मुखपृष्ठ > प्रोग्रामिंग > फ्लेक्स कंटेनर में `जस्टिफ़ाई-कंटेंट: सेंटर` टेक्स्ट को केंद्र में क्यों नहीं रखता?
फ्लेक्स कंटेनर में `जस्टिफ़ाई-कंटेंट: सेंटर` टेक्स्ट को केंद्र में क्यों नहीं रखता?
2024-11-07 को प्रकाशित
ब्राउज़ करें:307
जस्टिफाई-कंटेंट के साथ गैर-केंद्रित पाठ: केंद्र
एक फ्लेक्स कंटेनर में, जस्टिफाई-कंटेंट प्रॉपर्टी क्षैतिज रूप से फ्लेक्स आइटम को केंद्र में रखती है, लेकिन इसका उन वस्तुओं के पाठ पर कोई सीधा नियंत्रण नहीं है। जब टेक्स्ट आइटम के भीतर लपेटा जाता है, तो यह अपने डिफ़ॉल्ट टेक्स्ट-एलाइन: स्टार्ट वैल्यू को बरकरार रखता है, जिसके परिणामस्वरूप गैर-केंद्रित टेक्स्ट होता है।
फ्लेक्स कंटेनर, फ्लेक्स आइटम और टेक्स्ट HTML संरचना में तीन अलग-अलग स्तरों का प्रतिनिधित्व करते हैं। justify-content फ्लेक्स आइटम को प्रभावित करता है, न कि उनके भीतर मौजूद टेक्स्ट को। टेक्स्ट को सीधे केंद्र में रखें, इनहेरिटेंस के माध्यम से फ्लेक्स आइटम या कंटेनर को टेक्स्ट-एलाइन: सेंटर असाइन करें।
Example.box { चौड़ाई: 100px; ऊंचाई: 100px; पृष्ठभूमि-रंग: हल्का हरा; मार्जिन: 10px; प्रदर्शन: फ्लेक्स; संरेखित-आइटम: केंद्र; औचित्य-सामग्री: केंद्र; } .साथ-संरेखित पी { पाठ-संरेखण: केंद्र; }
यहां कुछ लंबा पाठ
यहां कुछ लंबा पाठ
नवीनतम ट्यूटोरियल
अधिक>
-
जावा स्प्रिंग बूट में पासकीज़ को कैसे एकीकृत करेंजावा स्प्रिंग बूट में पासकीज़ का परिचय पासकी पारंपरिक पासवर्ड पर भरोसा किए बिना उपयोगकर्ताओं को प्रमाणित करने का एक आधुनिक, सुरक्षित तरीका प्...प्रोग्रामिंग 2024-11-07 को प्रकाशित -
ग्वाटेमाला में पूर्व पर्यावरण मंत्री के रूप में मारियो रॉबर्टो रोजास एस्पिनो का प्रभावग्वाटेमाला में पूर्व पर्यावरण मंत्री के रूप में, मारियो रॉबर्टो रोजस एस्पिनो ने पर्यावरण नीतियों के कार्यान्वयन में महत्वपूर्ण भूमिका निभाई जिसने देश ...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
मैं डेटा संग्रह के लिए किसी कक्षा के सभी उदाहरणों को कैसे ट्रैक और एक्सेस कर सकता हूं?डेटा संग्रह के लिए क्लास इंस्टेंस को ट्रैक करनाकल्पना करें कि आप अपने प्रोग्राम के अंत के करीब पहुंच रहे हैं और आपको एकाधिक से एक विशिष्ट चर निकालने क...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
PHP एसोसिएटिव ऐरे में कैसे खोजें - त्वरित युक्तियाँएसोसिएटिव एरेज़ PHP में एक मौलिक डेटा संरचना है, जो डेवलपर्स को कुंजी-मूल्य जोड़े को संग्रहीत करने की अनुमति देती है। वे बहुमुखी हैं और आमतौर पर संरचि...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
वेब विकास का भविष्य: उभरते रुझान और प्रौद्योगिकियाँ प्रत्येक डेवलपर को पता होनी चाहिएपरिचय वेब विकास ने स्थिर HTML पृष्ठों और सरल सीएसएस डिज़ाइनों के अपने शुरुआती दिनों से एक लंबा सफर तय किया है। पिछले कुछ वर्षों में, तकनीकी प...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
कहते हैं, शुरुआती पायथन कोडर्स ChatGPT का उपयोग कर सकते हैंएक शुरुआती पायथन डेवलपर के रूप में, आपको क्लीन कोड लिखने से लेकर समस्या निवारण त्रुटियों तक, अनगिनत चुनौतियों का सामना करना पड़ता है। चैटजीपीटी उत्पा...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
अपने सिस्टम में Deno इंस्टॉल करें? विंडोज़ पर डेनो इंस्टाल करना: एक त्वरित गाइड अरे, दोस्तों! ? डेनो में गोता लगाने के लिए तैयार हैं? आइए अपनी विंडोज़ मशीन पर इस शानदार रनटाइ...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
मैक ओएस एक्स पर एकाधिक जावा संस्करणों को प्रभावी ढंग से कैसे प्रबंधित करें?Mac OS यह आलेख बताता है कि मैक पर कई जावा संस्करणों को प्रभावी ढंग से कैसे स्थापित और प्रबंधित किया जाए। इसमें जावा संस्करणों को स्थापित करने के लिए ह...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
जावा के साथ नियो में महारत हासिल करना: सेटअप, क्वेरीज़, लेनदेन और विज़ुअलाइज़ेशनNeo4j एक शक्तिशाली ग्राफ़ डेटाबेस है जो अत्यधिक कनेक्टेड डेटा को प्रबंधित करने में उत्कृष्टता प्राप्त करता है। जावा के साथ संयुक्त होने पर, यह उन अनुप...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
जावास्क्रिप्ट में शीर्ष सबसे बड़े कीड़े (और उनसे कैसे बचें)जावास्क्रिप्ट एक बहुत मजबूत और अनुकूलनीय भाषा है, लेकिन इसमें ऐसी समस्याएं भी होने की संभावना है जिनका पता लगाना मुश्किल हो सकता है। इस ब्लॉग आलेख में...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
लारवेल मॉडल पर उत्सुक रिश्तों को सीमित करेंपरिचय कभी-कभी जब आप लारवेल मॉडल पर संबंध लोड करने के लिए उत्सुक होते हैं, तो आप वापस आने वाले संबंधित मॉडलों की संख्या को सीमित करना चाह सकते...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
GDB का उपयोग करके C++ में वेक्टर तत्वों को कैसे प्रिंट करें?जीडीबी के माध्यम से सी में वेक्टर तत्वों को प्रिंट करनाजीडीबी में सी कोड को डीबग करते समय, std::vector की सामग्री की जांच करना चुनौतीपूर्ण हो सकता है ...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
विभिन्न ब्राउज़रों में ड्रॉपडाउन सूची की चौड़ाई को कैसे अनुकूलित करें?IE ड्रॉपडाउन सूची चौड़ाई संशोधनइंटरनेट एक्सप्लोरर में, ड्रॉपडाउन सूची इसके ड्रॉपबॉक्स की चौड़ाई को प्रतिबिंबित करती है, जबकि फ़ायरफ़ॉक्स में, यह अनुकू...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
C++ में फ़ॉर्मेट करते समय आउटपुट स्ट्रिंग्स को राइट-अलाइन कैसे करें?सी में सही संरेखण के साथ आउटपुट स्ट्रिंग्स को फ़ॉर्मेट करना निर्देशांक जैसे डेटा वाली टेक्स्ट फ़ाइलों को संसाधित करते समय, कॉलम में आइटम संरेखित करने ...प्रोग्रामिंग 2024-11-07 को प्रकाशित
-
सीएसएस ग्रेडिएंट जेनरेटरश्रृंखला "फ्री सीएसएस टूल्स" में आपका स्वागत है। इस श्रृंखला में, हमें CSS टूल मिलेंगे जो पूरी तरह से मुफ़्त हैं और उपयोग में आसान हैं। उपय...प्रोग्रामिंग 2024-11-07 को प्रकाशित
चीनी भाषा का अध्ययन करें
- 1 आप चीनी भाषा में "चलना" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 2 आप चीनी भाषा में "विमान ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 3 आप चीनी भाषा में "ट्रेन ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 4 आप चीनी भाषा में "बस ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 5 चीनी भाषा में ड्राइव को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 6 तैराकी को चीनी भाषा में क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 7 आप चीनी भाषा में साइकिल चलाने को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 8 आप चीनी भाषा में नमस्ते कैसे कहते हैं? 你好चीनी उच्चारण, 你好चीनी सीखना
- 9 आप चीनी भाषा में धन्यवाद कैसे कहते हैं? 谢谢चीनी उच्चारण, 谢谢चीनी सीखना
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
