IE7 내에서 너비가 div 인 텍스트가 줄 바꿈되지 않습니다.

IE7에서 너비가 텍스트보다 좁은 div의 텍스트는 두 줄로 줄 바꿈되지 않습니다. 그것은 다른 브라우저에서 IE7보다 잘 작동합니다. 다른 브라우저에서이IE7 내에서 너비가 div 인 텍스트가 줄 바꿈되지 않습니다.

지구
의 컬럼비아

때 컬럼비아의 IE7 지구에서

<div class="office-header-info"> 
<div class="local-office">District of Columbia</div> 
</div>

.office-header-info { 
    float: left; 
} 

.local-office { 
    color: #893f22; 
    width: 165px; 
    text-align: center; 
    font-size: 22px; 
    font-weight: bold; 
    margin-top: 17px; 
    white-space: normal; 
    line-height: 1.1; 
}

은 그것이 있어야 무엇을 어느 라인에 남아, IE7 때문에 컬럼비아 특별구와 같은 한 줄로 정확하지 않습니다. 오버플로를 추가하면 숨김으로 잘립니다.

IE7에서 텍스트가 두 줄로 줄 바꿈되지 않는 이유를 설명하는 내용은 무엇입니까?

출처

2012-07-03 Jon

'.local-office'도 부동으로 시도하십시오. – biziclop

여기에는 유용한 팁이 있습니다 : http://stackoverflow.com/questions/458922/want-to-get-css-text-wrap-working-in-ie7 – uotonyh

Overflow Auto를 사용해 보셨습니까? –

white-space: pre; /* CSS 2.0 */ 
white-space: pre-wrap; /* CSS 2.1 */ 
white-space: pre-line; /* CSS 3.0 */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
white-space: -moz-pre-wrap; /* Mozilla */ 
white-space: -hp-pre-wrap; /* HP Printers */ 
word-wrap: break-word; /* IE 5+ */

이동하십시오.

출처

2012-07-03 20:36:27 Andy

제안 된 제안은 없었지만 jsfiddle.net 링크는 div가 나올 때까지 div와 스타일을 계속 추가 할 생각을주었습니다. – Jon

그는 이것을 IE7의 문제로 분류했지만 아직 Opera, Mozilla 및 HP 프린터를 다루는 솔루션을 제공하고 있습니까? – animuson

@animuson 예, 그렇습니다. 경우에 대비해 자신의 div에 대해 더 많은 제어권을 원하고 포장하는 방법을 원합니다. – Andy

IE7 내에서 너비가 div 인 텍스트가 줄 바꿈되지 않습니다.

답변

관련 문제