Page 1 of 1

  사용시 이상 줄바뀜 현상

Posted: 2010 07 15 20:39 45
by 파폭테스트
안녕하세요.
웹페이지를 여러 브라우저에서 띄워보다 파폭에서만 발견되는 문제점이 있어
도움을 구합니다.

문서 구조는
<li>
<dl>
<dt>
<a href....>텍스트</a>
</dt>
</dl>
</li>
이렇구요

발생상황은
텍스트 위치에 "한글 + &nbsp; + 영문"이 들어갈 경우 아래와 같이 줄바뀜이 발생합니다.

원래 텍스트 :
일반&nbsp;텍스트&nbsp;english
출력 텍스트 :
|-- 출력폭 --|
일반 텍
스트 english

보시는 것처럼 한글단어 마지막자앞에서 무조건 줄바뀜이 되고 있습니다.
XP / FF3.6 이구요,
IE8/Chrome/Safari 에선 아래와 같이 정상적으로 출력됩니다.

|-- 출력폭 --|
일반 텍스트 e
nglish

일반 공백을 넣어줄땐 안그렇고, 공백대신 &nbsp;를 넣어줄 경우만 발생합니다.

참고로 관련 CSS 입니다.
li {display:inline; float:left; width:121px; margin-left:16px; padding-bottom:17px;}
li dl {height:75px;}
li dt {margin:0 0 5px -1px; line-height:18px;overflow:hidden;word-break:break-all; word-wrap:break-word;}

해결방법을 찾다가 너무 답답하여 글 올려 봅니다.
혹시 비슷한 상황을 겪으셨거나 관련해서 아시는게 있으시면 제발 답변 부탁드려요.