快速HTML IMG解决方案

Question

我正在寻找一个一次性问题的Quick / Dirty HTML解决方案

我有很多想要添加到HTML页面的图像，并将它们调整为预定义的大小。

为此，我最初使用：

<img src="1980_cover.jpg" alt="HTML5 Icon" style="width:128px;height:200px;">
<img src="1981_cover.jpg" alt="HTML5 Icon" style="width:128px;height:200px;">

看起来我想要它，但似乎我不能在它上面添加一些文字

所以我尝试过：

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="128px" height="200px" background="1980_cover.jpg" valign="bottom"><font size="+1" color="black">1980</font></td>
    <td width="128px" height="200px" background="1981_cover.jpg" valign="bottom"><font size="+1" color="black">1981</font></td>    
  </tr>
</table>

我现在遇到的问题是，无法找到解决方案的方法是如何调整图像大小而不是裁剪它们。

如上所述，我只需要这一次，所以它只应该做所需的，尽可能简单，遗留或坏的HTML编码对我来说不是问题

任何人 ？

Answer 1

如果您只想在第二次尝试时实现此目的，可以使用CSS3 background-size属性，如下所示：

background-size: 128px 200px;

您可以在HTML内联样式标记中将此属性与背景图像一起使用。