0
in jsfiddle 데모 ie9의 첫 번째 줄에 오는 "필요한"단어의 위치에주의를 기울여주십시오. 다른 브라우저에서는 두 번째 줄로 가고 있습니다. ie9의 경우에도 두 번째 줄로 가고 싶습니다.스팬 너비 관련 문제
A
답변
0
차이는 new rendering features of IE 9에 의한 것으로 보인다. IE 9에서 다른 모드로 페이지를 보면 (F12를 사용하고 문서 모드를 호환성 모드와 표준 모드로 설정하면) 텍스트의 너비가 변경된다는 것을 알 수 있습니다. 문자는 표준 모드에서 더욱 단단하게 채워집니다. 문자 간격 문제가 아니며 하위 픽셀 렌더링과 같은 텍스트 렌더링 세부 사항 문제입니다.
줄 바꿈 만하면되는 경우 <br>을 사용하십시오. 그렇지 않은 경우 접근 방식은 목표에 따라 다릅니다. 글꼴 집합과 글꼴 크기 설정을 준수하더라도 브라우저가 텍스트를 정확히 같은 방식으로 렌더링하도록하는 것은 불가능합니다.
관련 문제
- 1. 스팬 너비 속성을 사용할 수 없습니다.
- 2. 스팬 텍스트 IE 문제
- 3. 셀렌 1 클릭 스팬 문제
- 4. IE7 CSS 문제 : 올바른 스팬 너비를 얻을 수 없습니다.
- 5. 스팬
- 6. 스팬
- 7. 가운데 맞춤 텍스트의 테두리 - 아래쪽 스팬 너비 만들기
- 8. JOINS 관련 SQL 관련 문제
- 9. 관련/테이블 레이아웃 관련 문제
- 10. 스크롤 및 위치 관련 문제
- 11. IE8의 스타일 관련 문제
- 12. Outlook의 테이블 너비 문제
- 13. SmartGWT 캔버스 너비 문제
- 14. 양식 내용 너비 문제
- 15. WPF RibbonTextBox 너비 문제
- 16. Safari + 테이블 + 너비 문제
- 17. Div 너비 문제
- 18. CSS 너비 문제
- 19. Ajax ModalPopup 너비 문제
- 20. itemtemplate 너비 문제
- 21. flot의 너비 문제
- 22. 회전식 너비 문제
- 23. HTML 입력 필드 너비 (자바 스크립트 관련)
- 24. 테이블 행 스파 스와 컬럼 스팬 문제
- 25. 'for'루프 대기열, 스팬 태그 교체 문제
- 26. 입력 센터링 문제 위에 스팬 맞추기
- 27. 호기심 너비 100 % CSS 문제
- 28. <th> 너비 문제
- 29. Internet Explorer div 너비 문제
- 30. Google 크롬의 이미지 너비 문제
다음을 시도해 보셨습니까? br를 추가 하시겠습니까? 너비를 설정 하시겠습니까? '필요'주위에 또 다른 스팬을 감싸고 표시하도록 설정하십시오 : 블록? –
나는 모든 브라우저에서 2 번째 줄에 "필요하다"를 원한다면 클라이언트 요구 사항에 따라 그 중 하나를 수행 할 수 없다. – rahul
단어 앞에 두 번째 줄에 '
'이 삽입되어야합니다. 그것은 매우 서투른 해결 방법이지만, 그 일을 할 것입니다. 문제의 원인은 모호 해 보입니다. "표준 모드"에서 IE 9는 텍스트를 더 조밀하게 렌더링하여 "필요"라는 단어를 첫 번째 줄에 맞추 었습니다. (예, Quirks 모드를 권장하지는 않습니다. 예측할 수없는 다른 효과가 있습니다.) –