ในการผลิตเว็บเพจมี 4 วิธีในการป้องกันไม่ให้โต๊ะแตกฉันหวังว่ามันจะเป็นประโยชน์สำหรับทุกคน! 1. ใช้ <img src = "/images/nullpic.gif" width = "400" ความสูง = "300"> เพื่อแก้ไขขนาดของภาพโดยตรง วิธีนี้จะไม่ทำให้เกิดความสับสนในหน้าจอแสดงผล แต่รูปภาพที่แสดงมักจะผิดรูป แนะนำน้อยที่สุด 2. ใช้ <img src = "/images/nullpic.gif"> วิธีนี้จะลดขนาดลงเป็นความกว้างที่ระบุโดยอัตโนมัติเมื่อโทรหารูปภาพและจะไม่ทำให้รูปภาพผิดรูปและจะไม่ทำลายตารางดังนั้นมันจะไม่ทำให้หน้าเว็บแสดงไม่ถูกต้อง แต่ยังมีข้อเสีย แน่นอนว่าภาพจะหดตัวโดยอัตโนมัติเมื่อแสดงอย่างเต็มที่ 3. เพื่อป้องกันไม่ให้ภาพทำลายโต๊ะบนพื้นฐานของข้างต้น จำกัด ตาราง: เพิ่มข้อ จำกัด บางอย่างลงในแท็กของตาราง <table> และ <table width = "500" border = "0" allign = "center" cellpadding = "0" cellpacing = "0"> สามารถป้องกันไม่ให้ตารางถูกยืดออกได้อย่างมีประสิทธิภาพตอนนี้ . 4. ไปไกลกว่านี้โดยใช้ล้อเมาส์เพื่อลดรหัสเพื่อขยายภาพ: <script type = text/javascript> วิธีใช้เป็นดังนี้: <img src = "/images/nullpic.gif"> สามารถใช้สไตล์ได้: img {
ฟังก์ชั่น bbimg (o) {
var zoom = parseint (o.style.zoom, 10) || 100; zoom+= event.wheeldelta/12; ถ้า (ซูม> 0) o.style.zoom = ซูม+'%';
กลับเท็จ;
-
</script>
ความกว้างสูงสุด: 500px;
-