Question

我使用<div>和width:10em创建了height:5em 现在，我想在此<img>中显示具有完全相同大小的<div>（GIF图像）。但显然它并不“知道”em单位。它以10x5 像素显示图片。

如何使用“em”单位显示此<img>？

Answer 1

使用此代码：

<html>
  <body>
    <p>This is 10em x 5em</p>
    <div style="width:10em; height:5em;">
    <img style="width:10em; height:5em;" src="logo.png" />
    </div>
  </body>
</html>

适用于Windows XP上的Firefox 3.5，Internet Explorer 8和Opera 10.0 Beta。

Answer 2

您可以使用CSS设置img样式：

img.MyImage {
    width: 10em;
    height: 5em;
}

<img class="MyImage" src="image.gif" />

如何使用“em”单元显示图像？

2 个答案: