ملخص لأساليب منع انفجار الجداول على صفحات الويب

ملخص لـ 4 طرق لمنع تكسر الجداول عند إنشاء صفحات الويب وآمل أن يكون مفيدًا للجميع!

1. استخدم <img src="/images/NullPic.gif" width="400" height="300"> لإصلاح حجم الصورة مباشرة.

لن تسبب هذه الطريقة ارتباكًا في عرض الصفحة، لكن الصور المعروضة غالبًا ما تكون مشوهة.

لا ينصح به على الإطلاق.

2. استخدم <img src="/images/NullPic.gif" >

سيتم تصغير حجم هذه الطريقة تلقائيًا إلى العرض المحدد عند استدعاء الصورة، دون التسبب في تشوه الصورة، ولن تنفجر الطاولة، لذا لن يحدث ذلك تسبب ارتباكًا في عرض الصفحة.

ولكن هناك أيضًا عيبًا، إذا كانت الصورة كبيرة جدًا، أثناء عملية عرض الصورة (عملية التنزيل)، فستظل معروضة بالحجم الأصلي للصورة، وفي هذا الوقت، سيتم كسر الجدول الصفحة سوف تكون قبيحة وبطبيعة الحال، سوف تتقلص الصورة تلقائيا عندما يتم عرضها بالكامل.

3. لمنع الصورة من كسر الجدول، بناءً على ما ورد أعلاه، قم بتقييد الجدول:

أضف بعض رموز التقييد إلى علامة الجدول <table>، <table width="500" border="0" align="center" " cellpadding = "0" cellpacing = "0"> يمكن أن يمنع بشكل فعال تمدد الجدول.

4. وللمضي قدمًا، يمكنك استخدام عجلة الماوس لتكبير الصورة وتصغيرها:

<SCRIPT type=text/javascript>
وظيفة ببيمج (س) {
var Zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
عودة كاذبة.
}
</SCRIPT>

طريقة الاستخدام هي كما يلي:

<img src="/images/NullPic.gif" >

يمكنك أيضًا استخدام النمط:

img {
الحد الأقصى للعرض: 500 بكسل؛ العرض: التعبير (this.width > 500 ? "500px" : this.width)
}