我在某处读到过,<img>元素的行为两者都是一样的.如果是正确的,请问有没有人能举例说明一下?

推荐答案

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

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

图像和对象也称为"替换"元素,因为它们本身没有内容,所以该元素基本上由二进制数据替换.

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

Html相关问答推荐

Rmarkdown上的垂直标签集

z—index总是 destruct 我的头,我该如何修复它?

UseEffect()从不调用preact

<;img>;和具有负边距的元素的堆叠顺序

如何阻止Chromecast图标出现在HTML5视频

如何实现弯曲的梯形导航栏?

如何使用CSS在NSAttributedString中为HTML文本中的图像制作覆盖图

OnChange函数未在下拉列表中使用一个选项触发

将导航项目底部边框与导航栏对齐

高度:适合-内容不拉伸以适合内部长度

carousel 的垂直滚动按钮居中

禁用所有行,但在16角中单击编辑按钮的行除外

错误时交换表单,成功时使用HTMX重定向

:invalid Select 器的惰性判断

margin-top 未应用于无序列表的第一项

如何使背景 colored颜色 逐渐渐变成另一种 colored颜色 ?

BeautifulSoup用名称列表的findall无法找到另一个目标后面的目标

调整窗口大小时文本重叠导航栏

Header 或 P 标记中的填充不能与 em 单元一起正常工作

列宽等于最宽列宽度的无界容器