为什么Firefox将align =“ center”更改为align =“ middle”?

man

我知道它img.align已被弃用,甚至过时了……Firefox正在更改我的属性的值。特别是看例子

const img = document.querySelector("img");
console.log("img.align:", img.align);
<img src="http://www.gravatar.com/avatar" align="center" >

结果:

  • 铬: img.align: center
  • 火狐 img.align: middle

知道为什么Firefox会更改属性的值吗?Firefox还有其他属性值更改吗?

这对类似的代码有影响

document.querySelectorAll("img[align=center]")

在Firefox上失败(仅),使用相同选择器的所有CSS也会失败;img[align=center] { ... }, 例如。

可能相关:是否可以向HTML标签添加自定义属性?

时钟

知道为什么Firefox会更改属性的值吗?

因为middle RFC 1866(HTML 2.0)HTML 3.2HTML 4(不是)中定义的正确值centeralign该属性上的img元件从未center作为一个可能的值,因为center在历史上一直被称为水平对齐(浮动),并且不能在一个线的中心浮动的图像。当时的其他实现(例如IE)确实允许center使用可能的值,其含义与含义相同middle(请参阅Stefan的答案),因此我的猜测是Firefox在提供互操作性的同时仍通过对值进行别名来遵守标准。

对于我来说,目前尚不清楚为什么Chrome无法做到这一点。在任何情况下,似乎都将其center视为middle渲染目的。但是,如果通过重写值Firefox破坏了属性选择器,我会认为这是一个缺陷(尽管由于属性已过时,它们可能不愿修复)。

真正的问题是,为什么MDN索赔,唯一可能的值是leftrightjustify,和centerDOM Level 2规范,当然也包含了更准确的描述align属性,尽管没有列出可能的值,因为他们是在HTML规范已经列出。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么veritcal-align:middle无法将表格行中的内容对齐?

为什么 p 标签中的文本不能设置为 vertical-align:middle?

为什么此粗体文本不尊重CSS vertical-align:middle

HTML img align =“ middle”不对齐图像

td:before和vertical-align:middle

JavaScript中的计算以克服vertical-align:middle

如何理解vertical-align:-0.125em和vertical-align:middle之间的区别?

为什么text-align:center不起作用?

react-bootstrap align-middle不适用于列

Twitter Bootstrap Align Center。

为什么将align 16以及在何处用于SSE对齐的说明?

为什么align =“ right”不起作用?

为什么不能使用align-items = center中心图像正确弯曲方向列

为什么 text-align: center 在我的表格中不起作用?

为什么Flexbox“ align-items:center”似乎不适用于div的多行?

为什么<div>即使使用“ text-align:center”也不居中?

为什么 align-items-center 在 Bootstrap4 中不起作用?

为什么Javascript将0111数字参数更改为73

为什么专家将MutableList更改为List?

为什么ObjectMapper将Date类型更改为Long

为什么将&&更改为|| 导致看不到变量

为什么IntelliSense不断将功能更改为功能?

为什么休眠将HibernateException更改为(未选中)RuntimeException

为什么jquery.serialize将LF更改为CRLF?

为什么 gsub 会自动将 Factor 更改为 Character

为什么Rails 5将“索引”更改为“外键”?

将JSON.stringify更改为什么?

ffmpeg为什么将帧速率从60更改为120?

为什么 PHP 将加号图标更改为空格