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

मैं परिभाषित ऊंचाई और चौड़ाई के साथ div के भीतर सामग्री को लंबवत रूप से कैसे संरेखित कर सकता हूं?

2024-11-14 को प्रकाशित
ब्राउज़ करें:636

How can I vertically align content within a div with defined height and width?

निर्दिष्ट डिव आयामों के भीतर सामग्री का लंबवत संरेखण

परिभाषित ऊंचाई और चौड़ाई के साथ एक डिव के भीतर सामग्री को लंबवत रूप से संरेखित करना वेब विकास में एक सामान्य आवश्यकता है . इस संरेखण को प्राप्त करने के लिए, निम्नलिखित विधियों पर विचार करें:

1. पैरेंट डिव को टेबल-सेल के रूप में:

  • पेरेंट डिव के डिस्प्ले को टेबल-सेल और वर्टिकल-एलाइन को मध्य में सेट करें।
  • यह समाधान ब्राउज़र में सामग्री को लंबवत रूप से संरेखित करता है समर्थन प्रदर्शन: टेबल-सेल।

2. ब्लॉक डिस्प्ले और सामग्री को टेबल-सेल के रूप में पैरेंट डिव:

  • पैरेंट डिव को एक ब्लॉक तत्व के रूप में रखें, लेकिन सामग्री के डिस्प्ले को टेबल-सेल पर सेट करें।
  • यह विधि पैरेंट डिव की टेबल-सेल को होल्ड करने की क्षमता पर निर्भर करती है।

3. पैरेंट डिव फ़्लोटिंग और कंटेंट डिव को टेबल-सेल के रूप में:

  • पेरेंट डिव को फ़्लोट करें और कंटेंट डिव के डिस्प्ले को टेबल-सेल पर सेट करें।
  • यह दृष्टिकोण संशोधित किए बिना संरेखण प्राप्त करता है मूल div की प्रदर्शन संपत्ति।

4. सापेक्ष स्थिति के साथ पैरेंट डिव और निरपेक्ष स्थिति के साथ सामग्री:

  • पैरेंट डिव को सापेक्ष रूप से रखें और सामग्री डिव को बिल्कुल सेट करें।
  • शीर्ष:50 सेट करके सामग्री को लंबवत रूप से केन्द्रित करें। % और मार्जिन-टॉप:-सामग्री प्रभाग पर 50%।
  • यह विधि विशिष्ट के लिए एक सटीक लेकिन मैन्युअल संरेखण प्रदान करती है परिदृश्य।
नवीनतम ट्यूटोरियल अधिक>
वर्गीकरणअधिक>
जापानी सीखें कोरियाई सीखो चीनी सीखें विदेशी भाषा सीखें खेल आम समस्या प्रौद्योगिकी परिधीय ऐ सॉफ्टवेयर ट्यूटोरियल प्रोग्रामिंग लेख

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

औजारअधिक>
छवि बेस64 डिकोडिंग
चीनी पिनयिन
यूनिकोड एन्कोडिंग
जेएस ऑबफस्केशन एन्क्रिप्शन संपीड़न
यूआरएल हेक्साडेसिमल एन्क्रिप्शन उपकरण
UTF-8 एन्कोडिंग रूपांतरण उपकरण
ऑनलाइन Ascii एन्कोडिंग और डिकोडिंग उपकरण
MD5 एन्क्रिप्शन उपकरण
हैश/हैश टेक्स्ट ऑनलाइन एन्क्रिप्शन और डिक्रिप्शन टूल
ऑनलाइन SHA एन्क्रिप्शन

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

Copyright© 2022 湘ICP备2022001581号-3