我有一张桌子，三个人td他们每个人都需要有图像。的宽度和高度td是固定的，但图像尺寸可能会变化。目标是在不扭曲细胞或图像本身的情况下拟合图像。不能用background-image财产（我知道很糟糕！）。这是代码：
<table cellpadding="2" cellspacing="2" width="600">
<tr>
<td width="190" height="190" align="center">
<img src="https://images.imgbox.com/fb/e0/53ItYqFd_o.jpg" style="display: block; width: 100%; height:auto;" />
</td>
<td width="190" height="190" align="center">
<img src="https://images.imgbox.com/13/e7/pM2IjFYr_o.jpg" style="display: block; width: 100%; height:auto;" />
</td>
<td width="190" height="190" align="center">
<img src="https://images.imgbox.com/13/e7/pM2IjFYr_o.jpg" style="display: block; width: 100%; height:100%;" />
</td>
</tr>
</table>
我在三个单元格中尝试了三种不同的样式 - 没有一个给我调整图像大小的结果。任何帮助表示赞赏。谢谢。
尝试使用 - max-width: 100% 和 max-height:100% 作为图像样式。这会将较大的值（高度或宽度）最大化到单元格的宽度（或高度），而不拉伸图像。
编辑：新的...添加代码片段。由于你的风格是内联的，所以我就这样保留了它。
<table cellpadding="2" cellspacing="2" width="600">
<tr>
<td width="190" height="190" align="center">
<img src="https://images.imgbox.com/fb/e0/53ItYqFd_o.jpg" style="display: block; max-width: 100%; max-height:100%;" />
</td>
<td width="190" height="190" align="center">
<img src="https://images.imgbox.com/13/e7/pM2IjFYr_o.jpg" style="display: block; max-width: 100%; max-height:100%;" />
</td>
<td width="190" height="190" align="center">
<img src="https://images.imgbox.com/13/e7/pM2IjFYr_o.jpg" style="display: block; max-width: 100%; max-height:100%%;" />
</td>
</tr>
</table>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
