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

सीएसएस के साथ तत्व पर मँडराते समय अतिप्रवाहित सामग्री प्रदर्शित करें

<घंटा/>

तत्वों पर मँडराते हुए अतिप्रवाहित सामग्री को प्रदर्शित करने के लिए, आप निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div.demo {
            white-space: nowrap;
            width: 180px;
            overflow: hidden;
            border: 2px solid blue;
        }
         div.demo:hover {
            text-overflow: inherit;
            overflow: visible;
         }
      </style>
   </head>
   <body>
      <p>Hover to see the complete text below:</p>
      <br>
      <div class = "demo" style = "text-overflow:clip;">Demo Text that will hide in this box.</div>
   </body>
</html>

  1. सीएसएस के साथ कंटेनर की शुरुआत में फ्लेक्स लाइनें प्रदर्शित करें

    संरेखित-सामग्री का उपयोग करें मूल्य के साथ संपत्ति फ्लेक्स-स्टार्ट शुरुआत में फ्लेक्स लाइनों को सेट करने के लिए। उदाहरण फ्लेक्स-स्टार्ट वैल्यू को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं: div {पृष्ठभूमि-रंग:नारंगी; पाठ-संरेखण:केंद्र; लाइन-ऊंचाई:60px; फ़ॉन्ट-आकार:30px; चौड़ाई:

  1. CSS डिस्प्ले प्रॉपर्टी के साथ काम करना

    CSS डिस्प्ले प्रॉपर्टी का उपयोग यह सेट करने के लिए किया जाता है कि वेब पेज पर एलिमेंट कैसे प्रदर्शित होता है। इसके कुछ मान यहां प्रदर्शित हैं - क्रमांक संपत्ति मूल्य विवरण 1 इनलाइन तत्व को इनलाइन तत्व के रूप में प्रदर्शित करता है। 2 अवरुद्ध करें एक तत्व को एक ब्लॉक तत्व के रूप में प्रदर्शित करता

  1. कैसे सीएसएस के साथ होवर पर एक तत्व प्रदर्शित करने के लिए?

    CSS के साथ होवर पर किसी तत्व को प्रदर्शित करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body{       margin:20px;       padding:20px;       font-family: 'Segoe UI', Tahoma, Geneva,