'JAVA/JSP/Css'에 해당되는 글 8건
- 2010.09.07 억지춘향줄바꿈..?
html에서 한 문장의 줄이 길어지면 보통은 자동으로 줄바꿈해주지 않는다.
IE(5.5부터인가?)의 경우는 css에 "word-wrap:break-word;"를 써주면 조금 어색한 곳이라도 무조건 줄바꿈시켜준다.
문제는 Firefox!! 여차저차 정치적이고 알록달록한 이유로 현재 "word-wrap"스타일은 IE만 먹는다.
FF의 경우는 한글을 2바이트로, 영문을 1바이트로 글자 수를 계산하면 내가 원하는 한 줄에는 대략 몇 바이트가 들어가는지 계산이 나온다. 그 한 줄에 해당하는 바이트가 될 때마다 글자 끝에 "​"를 붙이면 자동으로 줄바꿈이된다.("​"이 나올 때 마다 줄바꿈을 해야하는지 아닌지를 판단한다)
이 엔티티는 레이아웃상으로 전혀 드러나지 않는 엔티티이므로 마음껏 써도 된다.
"​"는 태국어에서 쓰는 너비 없는 단어 구분자라고 하던데 이런게 왜 태국어에 있는지는 모르겠지만 여튼 그 덕분에 FF에서도 줄바꿈이 가능해졌다.
줄바꿈 참고 css
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-break:break-all;
[출처] cross browser word-break 설정|작성자 뿅뿅
'JAVA/JSP > Css' 카테고리의 다른 글
| css (0) | 2010.09.08 |
|---|---|
| 영역을 넘어가는 연결된 문자 줄 바꿈하는 방법론 (0) | 2010.09.07 |
| 文字限定 (0) | 2010.08.05 |
| 범위내 확장 축소.. (0) | 2010.06.02 |
| CSS filter (0) | 2010.05.31 |
