15

とを作成しまし<div>た。これで（GIF画像）をまったく同じサイズで 表示したいと思います。しかし、どうやらそれは単位を「認識」していません。代わりに、画像を 10x5ピクセルで表示します。width:10emheight:5em
<img><div>em

<img>「em」単位を使用してこれを表示するにはどうすればよいですか?

4

2 に答える 2

14

次のコードを使用します。

<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 で動作します。

于 2009-08-11T08:56:24.527 に答える
7

CSS で img のスタイルを設定できます。

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

<img class="MyImage" src="image.gif" />
于 2009-08-11T08:58:34.723 に答える