Question

有没有什么好的办法防止图片撑破表格

table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
} 这个好不好 但图片不能完成显示 还有一截显示不出来
我写的一个的程序是图片在一个指定的地方是可以设置宽高的 我想不管我怎么设置大小 在显示的地方都不撑披表格，而且能完整显示! 需要详细说明的 谢谢！

Answer 1

用这个脚本吧：
<script language=javascript>
function DrawImage(ImgD,width,height){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>=width/height){
if(image.width>width){
ImgD.width=width;
ImgD.height=(image.height*width)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}else{
if(image.height>height){
ImgD.height=height;
ImgD.width=(image.width*height)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
</script>

在图片处这样写
<img src="****" onload="DrawImage(this,表格宽度，表格高度)">

这样图片加载完后会按单元格的宽高度按比例缩放，并不会失真变型！