javascript - DOM 中报告的奇怪宽度(0，当元素有宽度时)

Question

我认为这张图片很好地解释了发生的事情。我知道这种情况发生在尚未加载的图像上......并且此元素的宽度正在发生变化，但我需要宽度的函数正在被调用并随后提取宽度，通常是 Web Inspector 会自行更新，所以……这里会发生什么？ (我试图将一个元素的宽度应用到另一个元素，并且由于报告的宽度为 0，第二个元素是不可见的。不过，它只对某些元素执行此操作。

这些是内联元素，所以也许这就是原因？但显然有人在某处生成宽度，并且它正在与其他具有相同 js 但不同 css 的内联元素一起工作。

Answer 1

带有“显示:内联”的元素，例如<span>的或<a>的不使用或具有宽度样式属性。如果您将元素设置为“display: inline-block”，它将使用宽度样式属性。

element.offsetWidth 会给你一个合适的宽度，但是内联元素的“计算样式”总是 0。内联元素有一个自动宽度，所以应用的样式没有效果。