【问题标题】:How do I get the exact, floating point width of an element?如何获得元素的精确浮点宽度?
【发布时间】:2011-09-14 04:23:54
【问题描述】:

我正在尝试获取表格单元格的确切宽度。在IE9的开发者工具栏中,Layout选项卡显示其宽度为203.68px,但element.clientWidth等方法均报告204px的四舍五入整数值。

我正在尝试创建另一个与此表格单元格完美对齐的元素,但由于 IE8/9(以及 Firefox 4 和 Chrome 12)以真实的浮点宽度(或者可能是半圆角)显示表格单元格,如 203.5px 或 203.75px),我的其他元素略宽。

【问题讨论】:

  • 堵嘴!坚持像素。 ie9 使用directx 进行亚像素渲染。
  • 为什么需要亚像素精度?
  • 我真的不需要亚像素精度,我只需要我的元素相互对齐。如果 IE9 要将 X.Y 舍入到 X,那么我需要知道这一点,否则我的元素会以不同的方式显示。无论如何,我认为这将满足我的需求:vadikom.com/dailies/…

标签: javascript dom floating-point


【解决方案1】:

与其尝试对其他元素使用相同的确切宽度,不如考虑更改标记,使这些元素具有某种直接关系。

如果是td,它可能是不同列中的td,或者是内部元素。

【讨论】:

  • 不幸的是我没有那种灵活性。我正在创建的新元素需要与 DOM 中的表格分开显示,但仍与列对齐。
  • @cpatik:您可以使用 CSS 使这些元素看起来与表格不同。如果需要与列对齐,可以放在另一个样式不同的tr中。
猜你喜欢
  • 1970-01-01
  • 2012-08-08
  • 2016-12-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-01-12
  • 2017-01-19
相关资源
最近更新 更多