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

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

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

예를 들자면 

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

보다는 

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

가 보기 좋겠죠

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

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

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

댓글 작성

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

로그인하기

댓글 4개

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

게시글 목록

번호 제목
1717635
1717629
1717626
1717625
1717621
1717619
1717611
1717610
1717609
1717607
1717601
1717598
1717591
1717590
1717583
1717575
1717572
1717568
1717566
1717549
1717545
1717533
1717512
1717511
1717508
1717495
1717479
1717473
1717470
1717463