IE 렌더링 각 줄 끝의 공백을 뒤에 붙이십시오.

공백 문자를 포함하여 자체 밑줄이 포함 된 웹 글꼴이 있습니다. 이것은 거의 모든 브라우저에서 잘 렌더링되지만 밑줄은 단어 사이에 표시되지만 IE (모든 버전)를 제외하고는 줄 끝에서 렌더링되지 않습니다.IE 렌더링 각 줄 끝의 공백을 뒤에 붙이십시오.

IE에서는 마지막 줄을 제외하고 모든 줄 끝에 여분의 밑줄이 표시된 공간이 표시됩니다. 공백없이 줄 바꿈을 사용하더라도 여전히 표시됩니다.

모든 변형 된 공백 속성을 사용해 보았습니다. 아무 효과가 없습니다. 다른 사람이이 이상한 디스플레이 버그를 만나고 어쨌든 그것을 고치는 것을 알고 있습니까?

건배.

2014-02-10 Nathan

어쩌면 우리가 그랬을 지 모르지만, HTML과 CSS를 제공 할 수 있습니까? 또는 라이브 링크? – user1627363

답장을 보내 주셔서 감사합니다. @ user1627363 기밀로 인해 실제 페이지를 포함 할 수는 없지만 텍스트와 버그만으로 손질 된 예제 페이지를 작성했습니다. 페이지에 대한 링크와 스크린 샷을 원래 게시물에 추가했습니다. – Nathan

코드를 페이지에 표시하고 스크린 샷을 페이지로 링크하십시오. –

문제를 해결하는 한 가지 방법이 있습니다. 이미지를 만드십시오.

텍스트가 렌더링되는 방법은 설치된 글꼴, 운영 체제, calibration, font smoothing 및 렌더링 매개 변수와 같은 많은 요소에 따라 달라집니다. 이러한 매개 변수 중 하나라도 다른 경우 결과가 다릅니다.

이미지를 검사하면 브라우저가 글꼴 다듬기에 다른 매개 변수를 사용하고 다른 매개 변수가 다를 수 있음을 알 수 있습니다.

다른 브라우저에서 텍스트를 렌더링 할 때 동일한 결과를 기대할 수 없습니다.

2014-02-11 23:19:11 user1627363

답변