Question

html代码问题 表格插入图片会撑大问题

代码如下：
<table width="249" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" class="ke- zeroborder ke-zeroborder" style="width:190px;height:270px;">
<tbody>
<tr>
<td width="243">
</td>
</tr>
</tbody>
</table>
问题是这样的，我一插入图片，图片大于 190px; 270px 的话，表格就会被撑大。如图

请高手 帮忙改进下，达到效果是，图片大于 190*270也不会被撑大，而且图片也是完整的显示，而不是显示图片的一部分。达到类似下图的效果

顺便再问下<td width="243"> 是什么意思？





Answer 1

如果是：那就把

<td width="243">

 改成

<td class="myimg">

因为你的表格的样式属性中已经指定了表格的宽度为190px， 那给单元格td在指定width属性，就是画蛇添足了！

这个改好了之后，就写css样式来控制图片的大小

在你的表格上面加上如下css代码：

<style>
 .myimg img{max-width:190px}
</style>

这段css代码的作用意思是：class属性为myimg的标签内的img标签（也就是图片）最大宽度为190px， 也就是，图片超过190px， 那图片就缩小到190px， 反之， 等于小于190px的话， 那就按照实际大小进行显示！

Answer 2

<td width="243">的意思是表格的宽度为243

你说的这个问题只要把图片的 width和height固定为表格的width和height一样就可以了

追问

大神啊，我是一点都不懂，所以就问的啊。你说说怎么写呗。
还有就是表格宽高不是style="width:190px;height:270px;定义的吗？？

追答

表格宽高度是style="width:190px;height:270px; 然后你再添加图片里面也需要设置一个宽高

追问

谢谢