javascript - 跨度的 "ScrollWidth"属性在 Chrome 上不起作用吗？

Question

我有一个跨度，里面有一些文本。

document.getElementById('span1').scrollWidth;

在 Firefox 上返回“100”作为滚动宽度，但 Chrome 只返回“0”。 Chrome 不支持这个 'scrollWidth' 属性吗？还有其他不支持的浏览器吗？

如果我需要以像素为单位获取句子的长度，还有什么解决方法？(我一直使用“innerHTML”属性用句子填充“span1”)

Answer 1

Firefox 和 Chrome 对 css 和 js 的响应方式有很多不同。[ff=Firefox，c=Chrome，sw=滚动宽度]

要点:

1. sw 仅在元素的display 不是inline 和none 时起作用。
   ff 默认将 display 设置为 block 而 c 将其设置为 inline。所以你不会在 c 中得到 sw。如果您无论如何都需要隐藏元素，请使用:
   visibility:hidden 没有为 ff 和 c 设置 display。
2. 如果您在 c 中设置了 visibility，请使用元素的 style.width 而不是 sc。这行得通。

如果你仍然想在 chrome 上使用 sc 也用于隐藏的 span，你可以使用@AnthonyWJones 回答

Knowing how wide a text line will be in HTML for word wrap and other applications

适用于 IE7、8、9、FF、Chrome。