html - <img> 元素是 block 级还是行内级?

标签 html css image

我在某处读到 <img>元素的行为类似于两者。如果正确,有人可以举例说明吗?

最佳答案

的确,它们都是——或者更准确地说,它们是“内联 block ”元素。这意味着它们像文本一样内联流动,但也像 block 元素一样具有宽度和高度。

在 CSS 中,您可以将元素设置为 display: inline-block 以使其复制图像*的行为。

图像和对象也被称为“替换”元素,因为它们本身没有内容,元素基本上被二进制数据替换。

* 请注意,浏览器在技术上使用 display: inline(如在开发人员工具中所见),但它们对图像给予特殊处理。它们仍然遵循 inline-block 的所有特征。

关于html - <img> 元素是 block 级还是行内级?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2402761/

相关文章:

css - 如何使元素在视口(viewport)中居中?

css - 将 CSS 图像设为链接

javascript - 为 tr 中的每一秒 td 创建一个新表

javascript - 在显示图像并将原始图像加载到 RAM 之前是否可以缩小(实际上调整大小)图像?

css - 如何使用 css 将表格行右对齐?

c++ - 如何在不将单独的帧图像写入磁盘的情况下从 C++ 程序中生成的多个图像中编码视频?

html - 垂直居中全屏图像

html - 嵌入字体的 SVG 图像的正确 mime 类型

html - 菜单 block 对齐

javascript - Material UI - 选项卡图标样式