"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > जावास्क्रिप्ट का उपयोग करके DIV तत्व में वर्टिकल टेक्स्ट ओवरफ्लो का पता कैसे लगाएं?

जावास्क्रिप्ट का उपयोग करके DIV तत्व में वर्टिकल टेक्स्ट ओवरफ्लो का पता कैसे लगाएं?

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

How to Detect Vertical Text Overflow in a DIV Element using JavaScript?

DIV तत्वों में अतिप्रवाह का पता लगाना

इस लेख में, हम DIV CSS और HTML सेटअप के भीतर लंबवत पाठ अतिप्रवाह को कैसे निर्धारित करें, इस प्रश्न पर चर्चा करते हैं। ]

निम्नलिखित सीएसएस और HTML कोड पर विचार करें:

div.rounded { पृष्ठभूमि - रंग : #FFF ; ऊँचाई: 123px; चौड़ाई: 200px; फ़ॉन्ट - आकार : 11px ; ओवर फलो हिडेन; }

div.rounded {
  background-color: #FFF;
  height: 123px;
  width: 200px;
  font-size: 11px;
  overflow: hidden;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel quam vestibulum orci blandit laoreet.
यह पता लगाने के लिए कि क्या DIV तत्व का टेक्स्ट ओवरफ्लो हो गया है, जावास्क्रिप्ट का उपयोग किया जा सकता है। निम्नलिखित स्क्रिप्ट तत्व की स्क्रॉलहाइट की तुलना उसके क्लाइंटहाइट से करती है:

function GetContainerSize() { var कंटेनर = document.getItemById("tempDiv"); वर संदेश = "पैडिंग के साथ सामग्री की चौड़ाई: कंटेनर.स्क्रॉलविड्थ "पीएक्स.\n"; संदेश = "पैडिंग के साथ सामग्री की ऊंचाई: कंटेनर.स्क्रॉलहाइट "पीएक्स.\n"; चेतावनी(संदेश); }

function GetContainerSize() {
  var container = document.getElementById("tempDiv");
  var message =
    "The width of the contents with padding: "  
    container.scrollWidth  
    "px.\n";
  message  =
    "The height of the contents with padding: "  
    container.scrollHeight  
    "px.\n";

  alert(message);
}
इस विषय पर अधिक जानकारी के लिए, कृपया निम्नलिखित स्क्रिप्ट देखें:

[ओवरफ़्लो दस्तावेज़ीकरण](http://help. dottoro.com/ljbixkkn.php)

नवीनतम ट्यूटोरियल अधिक>

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

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

Copyright© 2022 湘ICP备2022001581号-3