Как я могу отобразить изображение с помощью блока «em»? - PullRequest
Новая
       21

Как я могу отобразить изображение с помощью блока «em»?

8 голосов
/ 11 августа 2009

Я создал <div> с width:10em и height:5em.
Теперь я хотел бы отобразить <img> (изображение GIF) в этом <div> с точно таким же размером. Но, видимо, он не «знает» единицу em. Вместо этого изображение отображается в формате 10x5 пикселей .

Как я могу отобразить это <img> с помощью модуля "em"?

Ответы [ 2 ]

9 голосов
/ 11 августа 2009

Используйте этот код: 

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

Работает в Firefox 3.5, Internet Explorer 8 и Opera 10.0 Beta в Windows XP.

3 голосов
/ 11 августа 2009

Вы можете оформить img с помощью CSS: 

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

<img class="MyImage" src="image.gif" />
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...