Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल में एक डिव सेंटर को कैसे संरेखित करें?


डिव एलिमेंट सेंटर को सेंटर करने के लिए, आप "div style="text-align:center" "का उपयोग कर सकते हैं और div को सेंटर करने के लिए, "div style="margin:0 auto" का उपयोग कर सकते हैं।

आपके कोड में, उपरोक्त css को −

. के रूप में लिखा जाएगा
<div style="text-align:center;width: 300px;margin: 0 auto;border-style: dotted;">
<p>hi</p>
</div>

आउटपुट

एचटीएमएल में एक डिव सेंटर को कैसे संरेखित करें?


  1. एचटीएमएल में टेबल सेल में टेक्स्ट को संरेखित कैसे करें?

    टेबल सेल में टेक्स्ट को सेंटर अलाइन करने के लिए, CSS प्रॉपर्टी टेक्स्ट-एलाइन का उपयोग करें। टैग संरेखण विशेषता का उपयोग पहले किया गया था, लेकिन HTML5 ने विशेषता को हटा दिया। इसका उपयोग ना करें। तो, टेबल सेल में टेक्स्ट को संरेखित करने के लिए CSS का उपयोग करें। टेक्स्ट-एलाइन का उपयोग टैग के लिए किय

  1. एचटीएमएल डोम स्टाइल फ्लेक्स संपत्ति बढ़ो

    HTML DOM Style flexGrow प्रॉपर्टी का उपयोग उस अनुपात को सेट करने के लिए किया जाता है जिसके द्वारा एक तत्व अपने आकार को एक flex तत्व के अंदर समायोजित करता है। यह इकाई रहित संख्यात्मक मान स्वीकार करता है। − . के लिए वाक्य रचना निम्नलिखित है फ्लेक्सग्रो प्रॉपर्टी सेट करना - object.style.flexGrow = &q

  1. एचटीएमएल डोम स्टाइल फ्लेक्सफ्लो प्रॉपर्टी

    HTML DOM स्टाइल flexFlow प्रॉपर्टी का उपयोग किसी तत्व के flexDirection और flexWrap प्रॉपर्टी को निर्दिष्ट करने के लिए किया जाता है। यह flexDirection और flexWrap के लिए एक शॉर्टहैंड है और उसी क्रम में मान स्वीकार करता है। − . के लिए वाक्य रचना निम्नलिखित है flexFlow गुण सेट करना - object.style.flex