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

Question

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

我创建了一个<div>with width:10em和height:5em.
现在我想以相同的大小显示一个<img>(GIF图像)<div>.但显然它并不"知道"这个em单位.它以10x5 像素显示图片.

如何<img>使用"em"单元显示？

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>

Run Code Online (Sandbox Code Playgroud)

它适用于Windows XP上的Firefox 3.5,Internet Explorer 8和Opera 10.0 Beta.

重复完全相同的宽度/高度值没有意义.您也可以a)取消封闭的div或b)将图像的值更改为100%. (4认同)

Answer 2

Myr*_*yra 5

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

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

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	16 年，1 月前
查看次数：	13899 次
最近记录：	15 年，9 月前