한글 단어의 자동 줄바꿈 문제
벤자민
어제도 질문을 올렸었는데요
word-break 사용시에 ie만 제외하고 나머지 브라우저들은
한글 단어가 줄바꿈 될 때 잘리는 현상이 발생하는데요.
이문제는 개발에서만 해결이 가능한건가요?
-
딥자두
가마우수다님! 아주 고마워요. 사파리 브라우저에서 줄바꿈이 안돼서 며칠 동안 고민한건데 white-space: pre-wrap으로 하니 눈이 번쩍 뜨이게 되네요! 정말 감사해요. 당신은 진정한 코더에요
-
서희
^^ 수다님 word-wrap: break-word; 넣으면 화면이 동일해지지만
전 ie처럼 다른 브라우저에서도 \공격하는\ 이란 단어가 잘리지 않고 같이 내려왔으면 해서요.
저만 안되는 것인지도 모르겠지만요^^ -
솔잎
늘 너무 감사해요!!!
-
든해솔
가마우지, 묭 2 님 감사합니다. 위에 소스는 현재 말씀해주신 방법이 적용되어있고요
브라우져별로 영문은 단어단위로 줄바꿈이 되지만 한글은 되지 않아 문의드린겁니다.^^ -
좍좍
줄바꿈 될때 단어 연결이 짤리지 않아야 한다는 건가요?
그렇다면 word-break:keep-all;걸 사용 해 보세요.
특히 영문 같은 경우에는 줄바꿈이 될때 단어와 연결이 되지 않는 다면 의미가 달라 질수 있으니...
한 줄에 한문장의 단어가 모두 않들어가거가 그렇다면 알아서 자간 조절을 해서 단어가 짤리지 않게 조율 해주고 만약 영문의 경우 줄바꿈 될때 한단어일시 \-\를 사용 단어를 이어 줍니다. -
뚜야
줄바꿈 참고 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