在表格的列中拟合图像

Question

我需要我的图像宽度为20％，高度为20％，但是当我使用20％的宽度时，它将柱子的宽度拉伸到那里有很多白色空间的地方。图像右侧。我不想要额外的空白区域。我该如何解决这个问题？

＆＃13;

＆＃13;

img {
width: 20%;
height: 20%;	
}

＆＃13;

<table border = '1'>
	
<tr>
<td> <img src = "http://www.thetimes.co.uk/tto/multimedia/archive/00309/108787995_309592c.jpg" height="42" width="42"> </td>
<td> This is a cat! </td>	
</tr>	
	
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 1

不完全确定您之后的内容，但是要删除内联高度和宽度属性以及宽度css属性应该修复它。

＆＃13;

＆＃13;

img {
    height: 20%;	
}

＆＃13;

<table border = '1'>
	
<tr>
<td> <img src = "http://www.thetimes.co.uk/tto/multimedia/archive/00309/108787995_309592c.jpg"> </td>
<td> This is a cat! </td>	
</tr>	
	
</table>

＆＃13;

＆＃13;

＆＃13;