ملخص طرق منع الجداول من كسر صفحات الويب

في إنتاج صفحات الويب ، هناك 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>
وظيفة bbimg (o) {
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 {
Max-Width: 500px ؛
}