如何計算像素中兩個物體之間的距離？

有什麼工具可以測量兩個物體之間的距離嗎？例如，我有一個標籤和一個文本框，可以說First Name，在標籤前面會有一個接受第一個名字的文本框。現在，我想修復它們之間的距離，並在我的網頁表單上的每個標籤和輸入框中保留相同的距離。

我將參考Google，Facebook和Twitter的網絡形式作爲參考。我想檢查他們在標籤和文本框中使用的距離。我想檢查他們在標籤和輸入框中保持的距離。

如何檢查？

2013-05-07 bnil

或者你只是對[像這樣的瀏覽器插件]感興趣（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，得到對象的位置（左邊，上邊），然後就可以計算出距離。

2013-05-07 12:52:31 limovala

要計算兩個對象之間的距離，可以說Google註冊表格中標籤與文本之間的距離爲15px。但要計算這個？ – bnil 2013-05-07 13:00:56

我可以使用Google Chrome的檢測元素嗎？ – bnil 2013-05-07 13:07:58

回答