Comment puis-je afficher une image à l'aide de l'unité “em”?

J'ai créé un <div> avec width:10em et height:5em.
Maintenant, je voudrais afficher une <img> (image GIF) dans ce <div> avec exactement la même taille.
Mais apparemment, il ne sait pas le em unité. Il montre l'image dans 10x5 pixels à la place.

Comment puis-je afficher cette <img> à l'aide de l'unité "em"?

Ce balisage avez-vous utilisé? avez-vous essayer et la taille à l'aide de CSS, ou tout simplement avec les attributs de largeur et de hauteur (qui ne prend dimensions en pixels)
quel navigateur avez-vous tester?

OriginalL'auteur | 2009-08-11

  1. 9

    Utiliser ce code:

    <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>

    Il fonctionne dans Firefox 3.5, Internet Explorer 8 et Opera 10.0 Beta sur Windows XP.

    Inutile de répéter exactement la même largeur/hauteur de valeurs. Vous pourriez ainsi soit a) de Faire disparaître l'affichage de div ou b) changer l'image des valeurs de 100%.

    OriginalL'auteur bjelli

  2. 3

    Vous pouvez img style avec CSS:

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

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

    OriginalL'auteur Myra