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

CSS का उपयोग करके छवि का लंबवत संरेखण

<घंटा/>

CSS का उपयोग करके किसी छवि को लंबवत रूप से संरेखित करने के लिए, लंबवत-संरेखण गुण का उपयोग करें। आप छवि को लंबवत रूप से संरेखित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            vertical-align: text-bottom;
         }
      </style>
   </head>
   <body>
      <p>This is <img src = "https://www.tutorialspoint.com/videotutorials/assets/videos/courses/155/images/course_155_image.png" alt000 = "Video Tutorial" width = "200" height = "150"> demo image.</p>
   </body>
</html>

  1. CSS का उपयोग करके इमेज स्प्राइट से एक आइकन प्रदर्शित करें CSS का उपयोग करके इमेज स्प्राइट से एक आइकन प्रदर्शित करें

    इमेज स्प्राइट का उपयोग करने का मुख्य लाभ http अनुरोधों की संख्या को कम करना है जो हमारी साइट के लोड समय को तेज करता है। CSS का उपयोग करके इमेज स्प्राइट से एक आइकन प्रदर्शित करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-

  1. CSS में Data-Attributes (data-*) का उपयोग करना CSS में Data-Attributes (data-*) का उपयोग करना

    हम data-* विशेषता का उपयोग करके तत्वों के बारे में अतिरिक्त जानकारी संग्रहीत कर सकते हैं। निम्नलिखित उदाहरण CSS डेटा-* विशेषता को दर्शाते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> dl {    margin: 2%; } p {    width: 60%;    background-col

  1. छवि Resizer का उपयोग करके गलत चित्र संरेखण को कैसे पुनर्स्थापित करें? छवि Resizer का उपयोग करके गलत चित्र संरेखण को कैसे पुनर्स्थापित करें?

    क्या आपने कभी सोचा है कि कुछ तस्वीरों में कुछ तस्वीरें सीधी क्यों दिखाई देती हैं लेकिन दूसरों में उलटी या तिरछी दिखाई देती हैं? ऐतिहासिक रूप से, कंप्यूटर ने चित्र के वास्तविक पिक्सेल को स्थानांतरित करके चित्रों को घुमाया है। छवियों को डिजिटल कैमरों द्वारा स्वचालित रूप से घुमाया नहीं गया था। इसका मतल