Question

我正在为一次性问题寻找快速/肮脏的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内联样式标记。

快速HTML IMG解决方案

1 个答案: