網(wǎng)頁制作中,經(jīng)常會碰到表格被撐破的情況，有時候明明看到很好的表格，傳上空間卻亂了，為了防止表格被撐破，可以如下把持。
一、應(yīng)用<img src=/uploadfile/2010/0121/20100121120445695.jpg">
這種方法會在調(diào)用圖氖焙潁嶂鞫幢壤跣〉街付ǖ目磯齲換嵋鶩計謀湫?，并且也矒Q岢牌票碭?，因此就矒Q嵋鷚趁嫦允鏡拇礪搖５燦幸桓雒?，假壤_計螅諳允就計蹋ㄏ略毓蹋┲?，还是会霞x醞計笮∠允荊饈本突岢牌票碭?，页面很丢翀觯当然，当陀嫭完整显示之后会主动缩小的?lt;/p>
二、應(yīng)用<img src=/uploadfile/2010/0121/20100121120445695.jpg">直接固定圖片的大小。
這種方法不會引起頁面顯示的錯亂，但是顯示的圖片經(jīng)常是變形了的，所以這種方法更不推薦了。
三、為了防止圖片撐破表格，在上述基礎(chǔ)上，對表格進行限制：
在表格的標簽<table>中參加一些限制代碼，<table border="0" align="center" cellpadding="0" cellspacing="0">就可以有效地防止表格被撐開了。
四、更進一步，用鼠標滾輪可以縮小放大圖片的代碼：
<SCRIPT type=text/javascript>
function bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+%;
return false;
}
</SCRIPT>
應(yīng)用方法如下：
<img src=/uploadfile/2010/0121/20100121120445695.jpg" onmousewheel="return bbimg(this)">
也可以用樣式:
img {
max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width)
}
通過以上四種方法就可以防止表格被撐破，表格不被撐破，那網(wǎng)頁會更美麗。
網(wǎng)頁制作中如何防止表格被撐破，與大家多多交流。
