html - td 元素太宽，如果里面有图片

Question

我现在正在开发一个 Pokedex，但图像有问题。

移动行是这样写的：

<tr class=".$rowClass."><td><img src='../img/types/".strtolower($getChargedMove['type']).".png' width=10% style='display: block;' /></td><td> ".$getChargedMove['name']."</td><td>".$power."</td><td>".round($dps,2)." </td><td>".$getChargedMove['energy_delta']."</td><td>".$moveTime."</td></tr>

但我的问题是，在这种情况下，图像<td>太宽了，那么它应该：

如何解决这个问题？我只希望它与类型符号一样宽。

标签： htmlcss

Answer 1

在 HTML5 中，宽度值必须以像素为单位。