[iOS] EPUB text-align:justify 문제와 최선

EPUB (디지털책자) 플젝에 참여하면서 우여곡절이 참 많네요.

긴 공백 끝에 빠듯한 일정으로 처음 작업해야만 하는 디지털책자

툴이 추출해 준 모든 absolute 텍스트들....

배경이미지에 맞춰 좌표를 잡아주는 억지스러운 작업은 멘붕 그 자체였고 아직도 진행형이라는 건 함은정.

더우기 고객사는 출판물과 같은 오와 열을 기대하는 각.

각설하고..

타겟 디바이스는 ie 기반의 뷰어와 갤탭, 아이패드까지 대처해야 했는데

진행 중 발생된 트러블 중 한가지를 블로그에 남겨 기억하려 합니다.

Trouble

오와 열을 위해 적용한 text-align: justify; 속성

iPad 에선 좌,우 정렬은 되지만 문장내 단어와 단어 사이 띄어쓰기 공백이 너무 벌어지는 문제가 있더군요.

문제 해결을 위해 구글링을 해보면 text-justify 란 속성에 inter-cluster, inter-word 등의 값을 적용하는 예를 많이 볼 수 있는데

하지만 "써도돼?" CanIuse 에서 확인해 보면 절망적인 지원 상황을 보여줍니다.

신중한 키워드로 구글링을 다시 시도해 봅니다.

Shooting

활명수 처럼 시원한 좌,우 양끝 정렬 방법은 아니지만 나름의 차선책(한계치)을 찾았습니다.

text-align: justify;

word-spacing: -2px  (적절한 -값 조정)

word-break: break-all;

이 세가지 속성을 적용해 iPad text 좌우 정렬의 최선을 찾았다지만 찜찜함은 온전히 나의 몫입니다.

더 좋은 방법이 있다면 공유 부탁합니다. ^_^