html - 在表格的列中拟合图像

Question

我需要我的图像宽度为 20%，高度为 20%，但是当我使用 20% 的宽度时，它会将列的宽度拉伸(stretch)到列的右侧有很多空白的地方图像。我不想要多余的空格。我该如何解决？

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

<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>

Answer 1

不确定您要做什么，但是去掉内联高度和宽度属性以及 width css 属性应该可以解决这个问题。

img {
    height: 20%;	
}

<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>