في هذه المقالة، نتعمق في مسألة كيفية تحديد تجاوز النص العمودي داخل عنصر 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);
}
لمزيد من المعلومات حول هذا الموضوع، يرجى الرجوع إلى النص التالي:
تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.
Copyright© 2022 湘ICP备2022001581号-3