html - 如何使用 "em"单元显示图像?

标签 html css image xhtml font-size

我创建了一个 <div>width:10emheight:5em .
现在我想显示一个 <img> (GIF 图片)在此 <div>具有完全相同的尺寸。 但显然它不“知道” em单元。它以 10x5 像素显示图片。

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

最佳答案

使用这段代码:

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

关于html - 如何使用 "em"单元显示图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1259123/

相关文章:

java - 将一系列图像转换为 Java 中的视频?

html - 无法使用 CSS3 编辑 DT 标签

javascript - 函数隐藏基于 ACF 单选按钮输入的 DIV

jquery - 单击输入并输入文本时更改 div 换行的 css

html - 悬停时使用 CSS 更改 div 位置

image - 使用docker-compose创建容器会删除另一个已经运行的容器

html - 框上的跨浏览器阴影

javascript - 如何将进度条显示为表格行背景?

php - 使用 fetch/array 时出现 "mysqli_fetch_array() expects parameter 1"错误

html - 防止绝对定位元素在{ overflow-y : auto } div from triggering scrollbar