두 개체 사이의 거리를 픽셀 단위로 계산하는 방법은 무엇입니까?

두 개체 사이의 거리를 측정 할 수있는 도구가 있습니까? Ex. 레이블과 텍스트 상자가 있는데 이름을 말하면 레이블 앞에 이름을 사용할 수있는 텍스트 상자가 나타납니다. 이제 웹 사이트의 모든 레이블과 입력란에서 동일한 거리를 유지해야합니다.

Google, Facebook 및 Twitter의 웹 양식을 참조하도록하겠습니다. 레이블과 텍스트 상자에서 사용한 거리를 확인하고 싶습니다. 라벨과 입력란에 얼마나 거리가 있는지 확인하고 싶습니다.

어떻게 확인합니까?

2013-05-07 bnil

또는 [브라우저 플러그인] (https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn?hl=ko)에 관심이 있으십니까? –

두 개체 사이의 거리를 계산하고 싶습니다. Google이 양식에 레이블과 텍스트 사이의 거리가 15px라고 말합니다. 하지만 이것을 계산하는거야? – bnil

평소처럼 그냥 화면을 캡처하여 페인트에 붙여 넣은 다음 픽셀을 계산합니다. –

jquery position(), REFER this을 사용하여 객체의 위치 (왼쪽, 상단)를 얻은 다음 거리를 계산할 수 있습니다.

2013-05-07 12:52:31 limovala

두 개체 사이의 거리를 계산하고 싶습니다. Google에 가입 할 때 레이블과 텍스트 사이의 거리가 15px입니다. 하지만 이것을 계산하는거야? – bnil

Google 크롬의 검사 요소를 사용할 수 있습니까? – bnil

답변