问题标签 [offsetwidth]

更新：找到解决方案

更新：没有建议的答案。我没有找到解决方案。有人吗？

我正在使用 javascript 来匹配两个单独表中列的宽度（使用它来创建一个可滚动的粘性标题表。如果数据全部可见（没有溢出），则该方法工作正常。但是，如果表确实溢出，表列不对齐。我有一个调试流，显示 offsetWidths 仍然返回相同的数字。关于为什么会发生这种情况的任何想法？

主要HTML：

Javascript方法：

CSS：

调试打印：

在使用内容填充它之前，我需要获取 shareddiv 的实际宽度和高度，以便我可以根据设备或浏览器分辨率确定有多少面板可以放入 shareddiv

警报在代码中的不同位置返回不同的值。

不知何故，我在 Firefox 和 Chrome 中得到了不同的 offsetWidth 结果。我有一个简单的按钮

其中 offsetWidth 正好是 89 像素。Chrome 是这样说的，Photoshop 也是如此。即使在 Firefox 中，它也显示为 89 像素元素，但 FirebugsoffsetWidth说它有 90 像素。jQuery 在 Firefox 中为outerWidth(). 因为我使用宽度来计算它需要完全正确。

• 可悲的是我还不允许发布图片

图片1

图2

为什么offsetWidthFirefox中的属性错误？

从评论编辑：

我正在使用自定义字体。禁用字体可以解决问题。然而，在 FF+Linux、FF+Win7 和 Chrome+Win7 上使用自定义字体进行测试 - Windows 7 上的 Firefox 是唯一显示宽度与计算出的 offsetWidth 不同的浏览器。即使 - 由于字体渲染 - Linux 上的按钮有 91 个像素，但计算中没有问题，因为显示的宽度是相同的。现在我可能只需要忍受它

好的，所以我正在尝试制作一个水平站点，但是当我尝试获取导航的 offsetWidth 时，它返回的值远高于真实宽度。有问题的设计可以在这里找到。页面的 CSS 在这里，JS在这里。

非常感谢任何可以解决这个问题的人:)

我正在尝试编写一个 jQuery 脚本，该脚本将找到从我的 css 类元素到浏览器窗口右边缘的距离，然后根据右侧的可用空间将子子菜单下拉菜单定位在右侧或左侧。它还需要在悬停时恢复为默认设置。这是我到目前为止所拥有的，但计算不正确。

基本上我试图取当前窗口的宽度，减去到第一级子菜单浏览器左边缘的距离，减去两个元素的宽度，这将等于 540px，来计算到右边缘的距离悬停在第一级子菜单上时的窗口。如果我的第一级子菜单元素右侧的距离小于 540px，那么第二级子菜单 css 属性将更改为向左而不是向右。我也知道它需要在悬停后恢复为默认值，以便它可以重新计算与菜单结构中其他位置的距离，并且仍然具有足够空间的第二级子菜单仍然显示在第一级的右侧。这是有问题的元素的css。

该网站尚未上线，我尝试创建一个 jsfiddle，但它看起来不正确。任何帮助将不胜感激！

最好的问候，马里奥

我想在 gwt 中获取 uiobject 的 offsetwidth。但这个值取决于：

1. uiobject 附在哪里？
2. 相对css在哪里加载？
3. uiobject 的大小可以在 onload 回调中修改。
4. ...

所以，事情变得复杂了，特别是当你想获得 FlowPanel、Label、InlineLabel 等的这个值时。它的大小是动态计算的。

我的问题：何时或如何正确获得 offsetwidth？

我正在尝试确定固定宽度的 HTML 表格单元格中最宽的内容。目前我正在使用外部sizer DIV：

在这段代码中

它可以工作，但速度极慢，即使表只有 100 行左右。看起来主犯正在计算offsetWidth。有没有更有效的方法来实现这一目标？

我这样做是因为我需要将该表列调整为最宽数据的大小。如果有其他更好的方法，那也很棒。

（更准确地说，我正在尝试在 ASP.NET 的 Infragistics WebHierarchicalDataGrid 控件中实现“列自动调整大小”功能 - 列需要采用最宽的宽度Max(Header Width, Data Width)，同时保持固定的页眉/寻呼机位置）。

谢谢！

这让我发疯...

我有一个文件名列表，我只想垂直滚动，所以如果文件名（=div）比列表本身宽，我想“带出”完整的 div 以显示名称。

你可以在这里看到这个我的行动：http: //j25.wasen.net/index.php/news

我通过在悬停时创建 div 的克隆并将其添加到主体并在其上设置非常高的 zIndex 来解决此问题。这是一个克隆 div 将出现在所有内容的顶部，但与原始 div 的位置相同。

我真的不明白为什么，但由于某种原因，宽度小于列表的 div 显示在错误的位置。但是，超出宽度的项目会显示在正确的位置。

我想检查包含名称的 div 是否超过列表的宽度，然后才创建克隆，这也是只需要它的时候。

但是我无法获得 div 的真实宽度。我添加了 Console.log 语句，以便显示它捕获的宽度。

我检查附加到身体（=克隆）的div的宽度，而不是列表中的div（部分隐藏）......

如何获得 div 的真实宽度？

谢谢！

我的问题是我想改变我的 TEXTVIEW（输入文本）的宽度。在模拟器中，代码工作成功，但是当我尝试在移动设备中使用我的应用程序时，它会崩溃。

我的回答是：为什么当我尝试更改 .setWidth 时我的应用程序会崩溃？我该如何解决我的问题？

非常感谢。

编辑：TextView 到 EditText

我正在尝试使用 javascript 进行一些动态调整大小。作为其中的一部分，我需要报告容器的当前大小。我编写了一个函数来执行此操作（如下），它在 chrome 中效果很好......但是在 Firefox 中，宽度不会被报告。我已经阅读了 offsetWidth 方法，理论上它应该在 Firefox 中工作。

所有这些报告都是“NaN”。

在实际页面中该功能还有更多内容，但所有附加代码已被注释掉以进行测试......这是执行报告的实际行。

我是否遗漏了什么，或者有没有更聪明的方法来使用 JS 和 DOM 报告宽度？有没有另一种方法来获取 div 的宽度？

谢谢。