如何计算像素中两个物体之间的距离？

问题描述：

有什么工具可以测量两个物体之间的距离吗？例如，我有一个标签和一个文本框，可以说First Name，在标签前面会有一个接受第一个名字的文本框。现在，我想修复它们之间的距离，并在我的网页表单上的每个标签和输入框中保留相同的距离。

我将参考Google，Facebook和Twitter的网络形式作为参考。我想检查他们在标签和文本框中使用的距离。我想检查他们在标签和输入框中保持的距离。

如何检查？

或者你只是对[像这样的浏览器插件]感兴趣（https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn?hl=en）？ – 2013-05-07 12:49:24

要计算两个对象之间的距离，可以说Google注册表格与标签和文本之间的距离为15px。但要计算这个？ – bnil 2013-05-07 13:00:14

我通常只是做一个截图，粘贴在油漆和计算像素。 – 2013-05-10 17:52:52

答

使用jquery position（），REFER this，得到对象的位置（左边，上边），然后就可以计算出距离。

要计算两个对象之间的距离，可以说Google注册表格中标签与文本之间的距离为15px。但要计算这个？ – bnil 2013-05-07 13:00:56

我可以使用Google Chrome的检测元素吗？ – bnil 2013-05-07 13:07:58