테스트 사이트 - 개발 중인 베타 버전입니다

ie외 타브라우저에서의 자동줄바꿈 처리 문제

· 12년 전 · 1935 · 4
고정된 사이즈에 본문을 출력하다 보면 줄바꿈이 매끄럽지 않을때

예를 들자면 

내 이름은 매쉬체어 나의 위에 앉
아볼래?  불가능 그것은 아무 것
도 아니야. 불가능하니까....

보다는 

내 이름은 매쉬체어 나의 위에 
아볼래? 불가능 그것은 아무 
도 아니야. 불가능하니까....

가 보기 좋겠죠

word-break:keep-all; 이라는 것이 있지만 이건 익스에서 되는 거고 타브라우저에서도 좋은 방법이 없을까 생각하다가

출력시 문장의 공백을 죄다 </span> <span> 으로 변경되게 했어요.  span의 속성에는 white-space:nowrap 을 주고요. 

나름 해결이 됐다만,  더 간단한 방법이 있는데 무식하게 처리한건지 나름 괜찮은 꼼수였는지 알고 싶습니다?

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

12년 전
저도 가끔 써먹는 방법이네요. ㅎㅎㅎ
저는 문장에는 써본 적은 없는 거 같아요. 가변일 때는 어떻게 해도 제어하기가 쉽지 않아서요.
역시 지운아빠님은 이미 써먹고 계신 부분이었군요.
여튼 에디터를 쓰기않고 텍스트위주의 영역에선 한결 글보기가 수월해졌어요
keep-all 이 아직 CSS3 Draft 상태여서 ㅠ ㅠ
말씀하신 방법으로 jQuery 플러그인도 있었던 것 같아요.
저도 가끔이 써 먹어요 ㅋㅋ

게시글 목록

번호 제목
1717452
1717438
1717431
1717422
1717414
1717412
1717407
1717401
1717393
1717386
1717379
1717378
1717365
1717364
1717360
1717359
1717346
1717344
1717333
1717327
1717313
1717312
1717310
1717307
1717306
1717304
1717291
1717283
1717280
1717268