请问各位大哥大姐,我在做网页时,比如在表格的同一行相临列中,分别插入一大一下的图片,表格
就变形了,如果这种操作多的话,行间的距离会越来越大,请问应该怎么办啊,有没有什么好办法啊
谢谢!急盼!

解决方案 »

  1.   

    一、使用<img src="pic.jpg" width="400" height="300">直接固定图片的大小。
            这种方法不会引起页面显示的错乱,但是显示的图片经常是变形了的。
            最不推荐了。二、使用<img src="pic.jpg" onload="javascript:if(this.width>300){this.resized=true;this.style.width=300;}">
            这种方法会在调用图片的时候,会自动按比例缩小到指定的宽度,不会引起图片的变形,并且也不会撑破表格,因此就不会引起页面显示的错乱。
    但也有一个缺点,如果图片太大,在显示图片过程(下载过程)中,还是会先以图片原大小显示,这时就会撑破表格,页面很难看。当然,当图片完全显示之后会自动缩小的。三、为了防止图片撑破表格,在上述基础上,对表格进行限制:
    在表格的标签<table>中加入一些限制代码,<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all">就可以有效地防止表格被撑开了。四、更进一步,用鼠标滚轮可以缩小放大图片的代码:
    <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>
    使用方法如下:
    <img src="pic.jpg"
    onmousewheel="return bbimg(this)" onload="javascript:if(this.width>500){this.resized=true;this.style.width=500;}">
      

  2.   

    图片如果大了,任何表格都是挺不住的,都会撑大的,这不像是文字可以换行.
    统一你图片的长和宽吧.width和height等比例设小一些吧.或者用PS把图片长宽变小一些.