2012-08-29 2 views
0

오버플로에 문제가 있습니다. 오버플로되도록 설정된 div가 있습니다. 숨겨진 요소가 있고 그 안의 모든 요소가 절대 위치로 설정되었습니다. 요소 자체는 텍스트와 이미지 태그가 포함 된 span 태그입니다. div 안에 span 태그를 앞으로 또는 뒤로 제어하는 ​​화살표가 있습니다. 모든 것은 괜찮지 만 span 태그를 div 태그의 끝 부분으로 이동하면 div 태그의 바깥 부분이됩니다. span 태그 내의 이미지는 텍스트의 동일한 줄을 유지하면서 새 행으로 단어 줄 바꿈을 사용했습니다.Html : 이미지 태그가 포함 된 스팬 오버플로 문제

왜 그런지 알 수 있습니까? div 내에 span 태그가 있으면 제대로 작동합니까?

+0

것은 우리에게 그런 다음

elementstyle { white-space:nowrap; } 

을, 이미지 플로트를 만들기 위해 텍스트 옆에, 이것을 사용 당신의 코드. – Mageek

+0

코드를 제공하고 싶었지만 코드는 javascript와 css로 작성되었습니다. 코드를 여기에 넣는 것이 어렵습니다. – LittleFunny

+0

사용 [jsFiddle] (http://www.jsfiddle.net) –

답변

1

새 라인에 깨는에서 텍스트를 방지하기 위해 다음과 같은 CSS 정의를 사용

elementstyle img { 
    display:inline; 
} 
+0

예, 맞습니다. 감사합니다 – LittleFunny

+0

@ 사이먼의 즐거움, 내가 도울 수있어서 다행! –

관련 문제