728x90
오늘 두 시간이나 헤매다가 겨우 해결된 넘.. text-align:justify;
내용이 영어일 때는 전혀 문제없이 잘됩니다. 어느 브라우저에서든~

그런데 문제는 내용이 한글일 때.. -ㅅ- 당연히 영어처럼 될줄 알고 있었던게 큰 오산이었죠..
클라이언트는 기어코 오른쪽 마지막단어가 잘려내려가지 않도록 해달라고 하고..
결국 br태그로 일일이 강제개행을 시켜주었으나.. 또 문제는 오른쪽 끝이 들쑥날쑥하다는거.. -ㅅ-;;;

무려 한 시간의 검색을 통해 드뎌 발견했습니다~ ㅋㅋ
text-justify:inter-cluster;
검색결과 중 누군가가 비표준 속성이라고 하길래 직접 사용해서 CSS유효성검사를 해봤더니 비표준이 아니라
CSS2.1에는 없는 속성이고 CSS3버전에 포함된 속성이라고 하네요 ^ㅅ^a

p { text-align:justify; text-justify:inter-cluster; }

text-justify의 값이 여러가지가 있길래 하나씩 다 해보다가 이게 제일 원하는대로 나오는것 같아서 요렇게 적어주었는데
익스6,7에서는 문제없이 잘 나오네요 ㅎ (익스가 이렇게 반가울 때가 다 있다니 ㅋ)
클라이언트가 크로스브라우징 해달라고 요청안했으니 천만다행이지 ㅠㅅㅠ

암튼, text-align:justify; 너!!! 한글에서도 좀 제대로 되면 덧나니?

혹, 누구 더 올바른 정보 알고 계신 분 있으면 댓글 좀 남겨주세요~ ^ㅅ^;;
위에껀 잘 알지도 못하고 그냥 임시방편으로 처리한거라..ㅋ

 

출처 : http://sunnycat.tistory.com/42

728x90

'WEB' 카테고리의 다른 글

자바스크립트 소스  (0) 2012.09.04
checkbox setattribute checked 호환성 문제  (0) 2012.09.04
javascript td추가 하면 삭제될 때  (0) 2012.08.28
window.open post  (0) 2012.08.22
접속한 사람의 IP  (0) 2012.08.19

+ Recent posts