Question

asp表格显示问题

设置的表格是200*200，但如果在里边贴如一个200*300的图片，表格也会变成200*300，怎么才能不管在表格里边贴多大的图片，表格一直是200*200？ 图片可以在表格里边有比例的缩小？ 谢谢了！

Answer 1

这个用JS写个等比缩放就可以了，代码如下：
<script language="JavaScript">
<!--
var flag=false;
function DrawImage(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= 200/200){
if(image.width>200){
ImgD.width=200;
ImgD.height=(image.height*200)/image.width;
}
else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt= "点击查看原图！";
}
else{
if(image.height>200){
ImgD.height=200;
ImgD.width=(image.width*200)/image.height;
}
else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt= "点击查看原图！";
}
}
}
//-->
</script><table width="200" height="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/1.jpg" name='ImgD' id='ImgD' onload='javascript:DrawImage(this);'></td>
</tr>
</table>
<

Answer 2

用下面的代码就可以
<table width="200" height="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div style="width:200px; height:200px; overflow:hidden">
<img src="图片地址" width="200">
</div>
</td>
</tr>
</table>

Answer 3

用JS控制图片的大小.如果图片宽大于200就自动的缩放就可以了.

Answer 4

添加CSS样式
<table style="width:200px; height:300px; overflow:hidden">

<img style="width:120px; height:90px">