2016-12-26 2 views
1

에서 줄 바꿈을 방지합니다. ie6, 7에서 작동하도록하고 싶습니다. 따라서 "white-space : nowrap"는 없습니다. 나는 이것에 대해 많은 질문이 있다는 것을 알고 있지만 해결책을 찾지 못했습니다. 유일한 해결책은 다음과 같습니다.내가이 가지고 DIV

.con { width: 300px; } 

이렇게하면 스크롤 막대가 항상 표시되며 필요한 경우에만보고 싶습니다. 감사.

편집 됨 : 이제 img 바로 앞에 여백은 없지만 여백은 있지만 새 줄을 계속 간다!

당신은 IE6 & IE7에서 일을 <span> 태그에 텍스트를 포장 할 필요가

+0

당신이 선택'.con'에 대한 CSS 스타일을 정의하지만, 당신이 사용하는'클래스 = 'cont'' – Banzay

+0

[이] (https://www.cs.tut.fi/~jkorpela/html/nobr.html# 예방)가 도움이 될 수 있습니다. – Anson

+0

잠깐, 'white-space : nowrap'은 ie6에서 작동합니다! 왜 많은 사이트가 자사의 8 이상에서 지원 말합 ??? – Jackt

답변

0

.out {width: 90px; overflow:auto;} 
 
.con {} 
 
.dst {} 
 
.dst span{ 
 
    white-space:nowrap; 
 
} 
 
img { margin-left: 3px; }
<div class='out'> 
 
    <div class='con'> 
 
    <div class='dst'> 
 
     <span>blablabla bla</span> 
 
     <img > 
 
    </div> 
 
    </div> 
 
</div>
. 여기

는 여기 Reference Link

입니다 JSFiddle

PS입니다 : 옆에 텍스트와 이미지면 당신이 할 수있는 check this

희망이 도움이됩니다.

+0

Tnx, Bhavin. 나는 이것을 ie6, 7에서 시험 할 수 없다. 누구든지 할 수 있을까? – Jackt

+0

잠깐, 'white-space : nowrap'은 ie6에서도 작동합니다 (div에서도)! 왜 많은 사이트가 자사의 8 이상에서 지원 말합 ??? – Jackt