为什么 img 标签接受 margin-top 属性?

2023-12-15

我想知道为什么img标签接受边距顶部属性吗? 这不是内联标签吗?内联标签不接受顶部和底部边距?


这是因为 img 是内联的replaced元素并且它确实接受margin-top。它的行为与内联不同不可更换元素(如span例如)。

规范的相关部分详细说明了这一点:https://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height

请注意,与非替换内联元素不同,没有与边距相关的限制或特殊行为,您可以在其中阅读:

内联非替换框的垂直内边距、边框和边距从内容区域的顶部和底部开始,与“行高”无关。但在计算行框的高度时仅使用“line-height”。

宽度/高度的逻辑相同。他们与img但不与span.

另一个相关问题涉及transform同样的逻辑也适用:CSS 转换不适用于内联元素

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么 img 标签接受 margin-top 属性? 的相关文章

  • 每页都包含菜单

    假设我有一个简单的 CSS 布局 我的菜单是侧面的一列 此菜单将出现在每个网页上 大约 10 个网页 如果我在这个菜单上有链接等形式的项目 我怎样才能做到这样 如果我在一页上添加链接 它会将其添加到所有页面 你能把它做成一个 PHP 页面吗
  • 由于绝对定位的抽屉,移动键盘可以向上推内容

    我正在制作一个带有 3 个抽屉的网站 元素绝对位于屏幕外 一个在左侧 一个在右侧 一个在底部 看看这里的网站 看看我在说什么https sjbuysse github io javascriting index html https sjb
  • 流星图像、CSS、“普通”Web 服务

    我经常看到这个问题出现 如何在我的 Meteor 网站上放置图像 如何使用 Meteor 托管 标准 网页内容 我尝试添加一个 img src img myimage png 标签但没有图像显示 如何在 Meteor 站点上托管一些文件 将
  • 具有自定义设计的 ASP.NET 复选框

    有没有办法改变asp net复选框的ui样式 我试过这个 cabeceraCheckBoxNormal background url ig res Default images ig checkbox off gif no repeat c
  • 图表js不显示

    我正在尝试使用 Charts js 创建一个简单的折线图 当我运行下面的代码时 没有出现图表 我究竟做错了什么 我正在关注这个教程http www chartjs org docs latest getting started http w
  • 如何使用 javascript/ASP.NET/CSS 旋转和淡入淡出背景图像

    我需要随机淡入淡出背景图像 这将是一个定时函数 例如每 5 秒一次 我需要使用 ASP NET Javascript CSS 或全部三者来完成此操作 请大家帮帮我 谢谢 Cycle 一个 jQuery 插件 是一个非常灵活的图像旋转解决方案
  • 使用 RGBA 颜色覆盖背景图像,并使用 CSS3 过渡

    今天早些时候我问使用 rgba 背景颜色覆盖背景图像 https stackoverflow com q 17134929 1544337 我的目标是拥有一个带有背景图像的 div 当有人将鼠标悬停在 div 上时 背景图像会覆盖有 rgb
  • 如何为多个元素添加Class?

    我正在使用这段 javascript 向多个元素添加一个类 我试图引用多个 div 并向它们添加类 它只适用于第一个 JavaScript
  • 保留以下文本的标题

    我正在使用 css 列计数功能将我的部分分成两列 在一个页面上 我在第一列的底部有一个 h3 标题 在下一列的顶部有一个 p 段落 我想保留该段落的前几句话的标题 我可以将其与整个段落一起包装在使用 inline block 样式的 div
  • 滚动视图上的固定按钮

    我目前正在尝试在屏幕右下角的滚动视图上显示一个按钮 但它不起作用 当我滚动视图时按钮会移动 我尝试先插入按钮 但滚动视图位于其上方 class HomePage extends Component loadUserItems this pr
  • 最佳实践:ASP.NET 中的 CSS 或主题?

    什么时候应该使用 ASP NET 主题 什么时候应该使用 CSS 使用其中一种相对于另一种有哪些优点或缺点 我建议使用 CSS 而不是主题 原因是在 CSS 中 您可以修改样式以使其适用于所有浏览器 您可以对主题做同样的事情 但微软的设计师
  • CSS @font-face 有时在 Internet Explorer 中有效,但并非总是有效

    我在使用 Internet Explorer 11 中的网络字体时遇到问题 该字体适用于某些使用 IE11 的用户 但不适用于其他用户 即使它们是同一浏览器 对于遇到问题的用户 Modernizr fontface 仍然返回 true 因此
  • CSS 动画延迟和关键帧

    我在 CSS 动画上遇到动画延迟问题 我有 3 张图片 我想将其制作为幻灯片 插图是 图像1到图像2需要15秒改变 图像2到图像3需要15秒改变 图像3回到图像1需要30秒 在第一个循环之后 我想让幻灯片结束于图像3 因此图像1到图像2仍然
  • CSS 内边框?

    我纯粹用 CSS 创建了左侧的按钮 它是一个div 中的一个div 然而 右侧的三个按钮是background属性于img标签 我这样做是为了按照以下说明模拟翻转效果here http kyleschaeffer com best prac
  • 如果 CSS 是渲染阻塞的,为什么我们会看到 FOUC?

    为了构建渲染树 浏览器需要 DOM 和 CSSOM CSSOM 只有在下载 CSS 后才能构建 本质上 一旦下载了 CSS 页面就应该可以正常渲染了 但是 为什么我们会在页面上看到 Flash Of Unstyled Content FOU
  • 使用 IE9、10、11 的 CSS 将比例打印到 50% 等百分比

    Zoom css 属性不适用于 IE9 10 11 观察到打印预览 UI 令人不安 默认比例为 缩小以适合 当我将此比例从 缩小 更改为适合 50 时 页面显示正常 打印预览 任何人都可以帮助我如何使用 CSS 代码将比例设置为 50 为页
  • 在 UIWebView 中禁用复制和粘贴

    几乎 我已经尝试了一切方法来禁用复制 粘贴UIWebView但对我来说没有任何作用 我正在加载我的UIWebView来自字符串 字符串数组 如下所示 webView loadHTMLString NSString stringWithFor
  • 什么可能导致 Firefox 中出现此 HTML/CSS 渲染问题?

    款式 h2 color 71D0FF font size 11px font weight bold margin 0px 0px 5px 0px a box color FFFFFF important cursor pointer di
  • 在“onClick”上切换 DIV 高度

    我想切换分区的高度 我尝试过将 animate 与 if else 语句一起使用 但它只会反弹 我现在使用的代码将隐藏我的分区而不是切换高度 点击时会触发 document ready function content1 toggle fu
  • 悬停时的 CSS 过渡

    我有个问题 实际上 当我将鼠标悬停在对象上时 我尝试在 div 上进行转换 所以基本上我有一个div 当我将鼠标悬停在div上时 它应该在其顶部显示另一个div 但是它应该被转换 这样悬停效果会更平滑 如果我有这两个 div 怎么可能 di

随机推荐

  • 使用Python保留关键字作为变量名[重复]

    这个问题在这里已经有答案了 我正在尝试使用网络服务发送短信 这是网络服务文档的建议 response client service SendSMS fromNum 09999999 toNum 0666666666666 messageCo
  • Websockets 使用 asio c++ 库作为服务器,使用 javascript 作为客户端

    我使用 C 编写了服务器代码asio图书馆 我知道服务器代码可以工作 因为我使用同样用 C 编写并使用的客户端对其进行了测试asio 问题是 使用以下客户端 javascript 代码 连接不会被接受 我立即看到消息框Connection
  • TensorFlow:评估恢复图

    我正在尝试从检查点恢复图表 检查点是由创建的tf Supervisor 两者都有meta文件和检查点 我试图实现的是从单独的应用程序加载此图以运行某些操作 即重用现有模型 我按如下方式执行此操作 如此处所述 https www tensor
  • 在 ggplot2 中的 aes() 函数中使用颜色

    我是新来的ggplot2 我想了解如何使用ggplot 我正在读 Wickham 的书 但仍在尝试如何使用aes 功能 在相关的线程中 我们讨论了我们应该尽量避免在内部使用变量aes 即 不要将常量放入aes 仅将映射映射到实际数据列 我的
  • 使用 GCM Token 在 FCM 中推送消息

    目前我们有使用旧 GCM 实现的设备 有谁知道在使用 firebase 云消息 API 发送推送消息时是否可以使用旧的现有 GCM 令牌 或者应用程序是否需要新的 FCM sdk 实现 有谁知道在使用 firebase 云消息 API 发送
  • 在同一个应用程序中切换 Google Maps SDK 和 Mapkit 会导致崩溃

    我创建了一个非常简单的应用程序 它使用 MapKit 和 GoogleMaps 框架 并尝试在两个地图之间切换 我正在使用 ARC ios 6 1 和 Google Maps SDK for iOS 版本 1 1 1 2311 几次切换后
  • Schema.org 的丰富片段通过 JSON+LD 实现,但未被爬虫抓取

    我们已经为产品类型实现了丰富的摘要 也为组织类型实现了丰富的摘要 两种类型的属性都传递到 JSON LD 类型脚本包装器中 请在此处查看标记和验证 结构化数据测试工具 Google 选择组织类型 这是可以验证的 因为我们实际上更改了组织卡上
  • 处理加速度计数据

    我想知道是否有一些库 算法 技术可以帮助从加速度计数据 从任何智能手机中提取 中提取用户上下文 步行 站立 例如 我会在一段时间内每 5 秒收集一次加速度计数据 然后识别用户上下文 例如 前 5 分钟 用户在走路 然后用户站立一分钟 然后他
  • 如何在 lambda 层中本地调试依赖项?

    我正在从 dockerfile 创建一个 lambda 层 它将 python 包安装到一个目录并压缩结果 FROM amazonlinux WORKDIR RUN yum update y Install Python 3 7 RUN y
  • 在字符集之间转换文本文件的最佳方法?

    在字符集之间转换文本文件的最快 最简单的工具或方法是什么 具体来说 我需要从 UTF 8 转换为 ISO 8859 15 反之亦然 一切顺利 用您最喜欢的脚本语言 命令行工具或操作系统 网站等的其他实用程序编写单行代码 迄今为止最好的解决方
  • 有没有办法在单个 npmrc 文件中配置多个注册表

    这是我的问题 我们有一个私人 NPM 注册表 仅适用于 VPN 我想要一个后备注册表https registry npmjs org这样当我退出 VPN 时 它就能无缝运行 P S 目前我正在使用npmrc这在之间的切换方面做得很好 npm
  • 如何将SDL2纹理渲染到GTK3+窗口中?

    我正在创建一个音乐播放器并尝试使用 GTK3 来创建用户界面 我正在使用 SDL CreateWindowFrom 函数让 SDL2 使用 GTK3 窗口而不是创建一个窗口 但无法弄清楚将 SDL2 纹理渲染到 GTK3 窗口中需要遵循的步
  • iOS 9 Facebook 登录模拟器 -canOpenURL:URL 失败:“fbauth2:///” - 错误:“(null)”

    我已更新到 Xcode 7 和最新的 iOS SDK 我已在应用程序的 plist 中添加了适当的条目 我的应用程序的 Facebook 登录在设备上运行良好 然而 在 iOS 9 模拟器上 我得到 canOpenURL failed fo
  • Android:如何使用JobService的JobFinished

    我没有看到使用 JobService 的 jobFinshed 的示例 似乎我们必须在满足某些条件时跟踪更改 我们必须调用jobFinished 方法 我说得对吗 打电话的难度jobFinished 来自另一个班级 例如IntentServ
  • 在画布上绘制图像

    我正在尝试将图像放在画布上 我阅读了以下教程https developer mozilla org en US docs Web Guide HTML Canvas tutorial Using images并尝试做类似的事情 我的画布是
  • 如何从循环中获取 tkinter 条目

    我想制作一个带有多个 tkinter Entry 小部件的程序 我使用 for 循环来制作多个 Entry 小部件 但我怎样才能从中获得价值呢 我的测试代码 from tkinter import root Tk variables ent
  • 设置状态栏色调颜色

    我有一个选项卡式栏应用程序 状态栏色调颜色设置为默认 因此在整个应用程序中它始终是我选择的蓝色 然而 在一种视图中 我隐藏了导航栏 如下所示 self navigationController setNavigationBarHidden
  • 在 mongodb C++ 驱动程序中使用声明“未找到”

    我使用基于 mongo c driver 1 6 2 的 mongo cxx driver r3 1 1 使用github 上提供的最新示例 我设法找到了如何连接数据库以及如何保存文档 我正在努力使用过滤器按照中提供的信息获取结果mongo
  • 有没有办法在等待输入时有一个倒计时器?

    我正在尝试创建一个简单的游戏 在计时器用完之前需要用户输入 基本上 页面会加载一段时间 并等待用户说出正确答案 如果时间用完 游戏就结束 但如果用户答对了 他就会继续下一个问题 我已经解决了演讲部分 我只需要弄清楚计时器 有没有一种简单的方
  • 为什么 img 标签接受 margin-top 属性?

    我想知道为什么img标签接受边距顶部属性吗 这不是内联标签吗 内联标签不接受顶部和底部边距 这是因为 img 是内联的replaced元素并且它确实接受margin top 它的行为与内联不同不可更换元素 如span例如 规范的相关部分详细