스페이스 IE, Firefox, Chrome 브라우저에서 표시 거리가 일치하지 않습니다_HTML/Xhtml_웹페이지 제작

  IE, Firefox, Chrome 브라우저의 표시 효과는 주로 앞 공간의 너비가 다르기 때문에 다릅니다.

온라인 정보에 따르면
브라우저마다 기본 글꼴이 다릅니다. 일반적으로 IE의 기본 글꼴은 Song Dynamise이고 Firefox 및 Chrome의 기본 글꼴은 Times New Roman입니다.
송 왕조는 일정한 너비의 문자를 사용하는 글꼴이지만 Times New Roman은 브라우저의 기본 글꼴이 다르기 때문에
공백 문자 의 표시 너비도 다릅니다. 브라우저.

예를 들어 다음 코드는 각각 IE와 Chrome에서 테스트되었습니다.

코드 복사

코드는 다음과 같습니다.

🎜>

td>nbsp;nbsp ;nbsp;nbsp;nbsp;nbsp;나는 세 번째 줄입니다

첫 번째 행입니다

nbsp;nbsp;nbsp;나는 두 번째 줄입니다

크롬에서의 효과는 다음과 같습니다.


IE9에서의 표시 효과는 다음과 같습니다.

크롬에서는 두 개의  , 4개는 IE에서 한자의 너비만 차지합니다. 한자의 너비입니다.

해결책:
1. 페이지의 인코딩 형식을 수정합니다 및 페이지의 컴파일 방법(myeclipse에서)

그런 다음 IE를 마우스 오른쪽 버튼으로 클릭하여 인코딩 표시 형식을 수정합니다.
2. (권장) 글꼴을 설정합니다. space line and put 글꼴을 동일한 간격의 문자로 구성된 글꼴로 설정하면 됩니다.
예:



코드 복사


코드는 다음과 같습니다.

nbsp;nbsp;nbsp;nbsp;나는 두 번째 줄입니다

PS: nbsp;다음으로 바꾸기