일부 점을 그렸던 HTML5 캔버스 이미지가 있으며 일부 div 태그와 텍스트 입력 태그를 점 옆에 정렬하려고합니다.모든 브라우저에서 동일한 여백을 렌더링하는 방법은 무엇입니까?
불행히도 브라우저는 각 div 태그와 입력 태그 사이의 공백에 동의하지 않습니다.
CSS로 높이를 지정하여 입력 태그의 해킹을 발견했습니다. 이제 입력 태그는 모든 브라우저에 대해 동일한 공간을 갖습니다. 입력 태그의 기본 높이가 브라우저에 따라 다르다는 것을 알 수 있습니다. 매우 이상합니다.
div 태그에 동일한 작업을 시도했지만 모든 브라우저에서 올바른 정렬을 얻을 수 없습니다. http://jsfiddle.net/baptx/92gPY/
나는 파이어 폭스를 사용하고 있습니다 : 정렬 (파이어 폭스 용으로 구성) 브라우저에 따라 동일하지 않습니다 http://jsfiddle.net/baptx/XcKZj/
div 태그 :
텍스트 입력 태그 정렬 CSS 해킹과 모든 브라우저에서 작동 Linux에서는 Windows 버전이 동일한 여백을 렌더링하지 않는 것으로 나타났습니다. Linux 또는 Windows에서 실행될 때 Chrome이 Linux Firefox에도 동의하지 않습니다. Opera는 훌륭합니다. Linux 또는 Windows에서 실행되는 Linux Firefox에 항상 동의합니다.
웹 브라우저 엔진, Gecko 렌더링 방식이 Webkit과 다르게 생각되었지만 Windows와 Linux 버전의 Firefox가 일치하지 않으면 다른 것이되어야합니다.
div 태그를 사용하여 문제를 해결할 수있는 방법과 아이디어가 있습니까?
그리 많은 대답, 그러나 이것은 CSS 리셋을 사용하는 것이 이유입니다. http://www.cssreset.com –
좋아, 내가 stackoverflow 커뮤니티 덕분에, CSS를 재설정 덕분에 배웠습니다 :) 에릭 메이어의 재설정을 사용하면 내 캔버스 위치를 망칠 것입니다 http://jsfiddle.net/92gPY/6/및 야후 라이브러리를 사용하여, 그것은 일을 변경하지 않습니다 http://jsfiddle.net/92gPY/7/ 이제 마이어의 div 재설정을 추가하려고했지만 문제는 여전히 http://jsfiddle.net입니다./92gPY/8/ 누군가 해결 방법이 있습니까? cc @MoinZaman – baptx