"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيفية اكتشاف تجاوز النص الرأسي في عنصر DIV باستخدام JavaScript؟

كيفية اكتشاف تجاوز النص الرأسي في عنصر DIV باستخدام JavaScript؟

تم النشر بتاريخ 2024-11-07
تصفح:536

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

اكتشاف التجاوز في عناصر DIV

في هذه المقالة، نتعمق في مسألة كيفية تحديد تجاوز النص العمودي داخل عنصر DIV وإعداد HTML. ]

ضع في اعتبارك كود CSS وHTML التالي:

div.rounded { لون الخلفية : #FFF ; الارتفاع: 123 بكسل؛ العرض: 200 بكسل؛ حجم الخط : 11 بكسل ; الفائض: مخفي؛

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 قد تجاوز السعة، يمكن استخدام JavaScript. يقوم البرنامج النصي التالي بمقارنة ارتفاع التمرير للعنصر مع ارتفاع العميل الخاص به:

function GetContainerSize() { حاوية var = document.getItemById("tempDiv"); رسالة فار = "عرض المحتويات مع الحشو: Container.scrollWidth "بكسل.\n"; رسالة = "ارتفاع المحتويات مع الحشو: Container.scrollHeight "بكسل.\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);
}
لمزيد من المعلومات حول هذا الموضوع، يرجى الرجوع إلى النص التالي:

[Overflow Documentation] (http://help. dottoro.com/ljbixkkn.php)

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3