javascript - 对内联元素使用 ScrollWidth

Question

我在获取 div 中内容的确切宽度时遇到问题，它(内容)有时比视口(viewport)小，但有时也比视口(viewport)大(溢出被隐藏)。这个问题不是关于 JS 方法的填充/边距/边框问题。

clientWidth 和 offsetWidth 将只返回内容的可见宽度，在我的例子中是视口(viewport)宽度，因为 div 是 block 级元素

scrollWidth 会给我内容的宽度，如果 div 扩展了视口(viewport)，但如果 div 更小，它会给我内容的宽度。原因是它总是返回内容宽度和元素宽度中较大的数字。

---

我正在寻找一种始终返回内容宽度的方法!此外，我不能只将 div 设置为内联并使用 scrollWidth()，因为它总是返回 0(不适用于内联)。

所以只要内容大于视口(viewport)，基本上 scrollWidth 就适用于我。你有什么建议吗？如果情况仍然不清楚，我会添加图片。

---

编辑

基本上我只是在问如何将 ScrollWidth 用于内联元素，但没有正确理解它。

Answer 1

您可以使用以下 jquery 方法

.height() 框的高度(无边距、边框、内边距)

.width() 框的宽度(无边距、边框、填充)

.innerHeight() 框加内边距的高度

.innerWidth() 框加内边距的宽度

.outerHeight() 框加内边距和边框的高度

.outerWidth() 框的宽度加上内边距和边框

.outerHeight() (true) 框的高度加上填充、边框和边距

.outerWidth() (true) 框的宽度加上填充、边框和边距