मैं टेक्स्ट को लंबवत और डिव को क्षैतिज रूप से कैसे केन्द्रित करूं?
मैं टेक्स्ट को लंबवत और डिव को क्षैतिज रूप से कैसे केन्द्रित करूं?

वीडियो: मैं टेक्स्ट को लंबवत और डिव को क्षैतिज रूप से कैसे केन्द्रित करूं?

वीडियो: मैं टेक्स्ट को लंबवत और डिव को क्षैतिज रूप से कैसे केन्द्रित करूं?
वीडियो: How to Center Text Vertically and Horizontally with CSS 2024, अप्रैल
Anonim

के लिये लंबवत संरेखण , मूल तत्व की चौड़ाई/ऊंचाई को 100% पर सेट करें और प्रदर्शन: तालिका जोड़ें। फिर चाइल्ड एलिमेंट के लिए, डिस्प्ले को टेबल-सेल में बदलें और जोड़ें खड़ा - संरेखित : मध्य । के लिये क्षैतिज केंद्रिंग , आप या तो जोड़ सकते हैं मूलपाठ - संरेखित : केंद्र प्रति केंद्र NS मूलपाठ और कोई अन्य इनलाइन बच्चे तत्व।

बस इतना ही, आप टेक्स्ट को लंबवत रूप से संरेखित कैसे करते हैं?

पूर्ण स्थिति और नकारात्मक मार्जिन सेट करें हम कर सकते हैं पाठ को लंबवत रूप से संरेखित करें उसके साथ पद और मार्जिन गुण जो ब्लॉक-स्तरीय तत्वों के साथ उपयोग किए जाते हैं। जिस तत्व को आप चाहते हैं उसकी ऊंचाई निर्धारित करना न भूलें केंद्र . सेट टॉप: 50%; और बाएं: 50%; प्रति केंद्र बच्चे के बाएं कोने।

इसके अलावा, मैं एक div को क्षैतिज रूप से कैसे केन्द्रित करूं? आइए क्षैतिज रूप से चरण दर चरण a को केंद्रित करते हुए देखें:

  1. बाहरी तत्व की चौड़ाई निर्धारित करें (यानी 100% पूरी लाइन को कवर करता है)।
  2. पृष्ठ के भीतर तत्व को क्षैतिज रूप से केन्द्रित करने के लिए मार्जिन गुण को ऑटो पर सेट करें।
  3. पृष्ठभूमि-रंग संपत्ति का उपयोग करके बाहरी और आंतरिक divs के लिए अपना पसंदीदा रंग सेट करें।

इसके संबंध में, आप क्षैतिज और लंबवत रूप से कैसे केन्द्रित होते हैं?

  1. उस सेल पर क्लिक करें जहाँ आप सामग्री को केन्द्रित करना चाहते हैं।
  2. "होम" पर क्लिक करें, फिर रिबन के "संरेखण" क्षेत्र के निचले कोने में छोटे तीर पर क्लिक करें।
  3. "क्षैतिज" के बगल में स्थित ड्रॉप-डाउन बॉक्स पर क्लिक करें और "केंद्र" चुनें। "वर्टिकल" के आगे वाले बॉक्स में भी यही काम करें।
  4. अपने पाठ को केंद्र में रखने के लिए "ओके" पर क्लिक करें।

मैं एक div को लंबवत रूप से कैसे केन्द्रित करूं?

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

सिफारिश की: