在表

Question

如何在html中以小尺寸显示图像

假设我以这种方式显示图像---

<td>
  <a href="//your link//"><img src="//image url//"></a>
</td>

但是图像显示得如此之大，我如何控制图像大小并使其变小。

Answer 1

设置height代码

的width和img属性

<img height="50px" width="50px" src="//image url//">

Answer 2

在此JSFiddle添加width属性会使其变小，可以设置像素值或百分比

<img src="//placehold.it/1000x300?text=largeImage" width="100%">

或pixels JSFiddle

<img src="//placehold.it/1000x300?text=largeImage" width="300">

请注意，可以为height值

设置相同的内容

Answer 3

设置高度和宽度

<img height="120px" width="120px" src="{{ data.image_url }}">

但我相信最佳做法也是设置它，如果它是defined，而不是它应该显示default动作

    <td>
   {% if data.image_url is defined %}
    <img height="120px" width="120px" src="{{ data.image_url }}"></a> 
   {% else %} 
   </td>{% endif %}