폰에서 글 오른쪽이 줄마다 비던 것을 고쳤습니다

폰으로 글을 열면 문단 오른쪽이 줄마다 크게 비어 있었습니다. 좁은 화면에 빈 곳까지 생기니 글이 듬성듬성해 보였습니다.

한글을 띄어쓰기에서만 끊고 있었습니다. 줄 끝에 안 들어가는 낱말은 통째로 다음 줄로 넘어갔습니다.

이 블로그는 어려운 용어에 점선 밑줄을 긋고, 누르면 설명이 말풍선으로 뜨게 해 둡니다. 이 용어는 누를 수 있는 버튼이라 두 낱말짜리여도 한 덩어리가 됐습니다. 낱말 사이에서도 줄이 안 바뀌니 빈 곳이 더 컸습니다.

그래서 본문은 글자 사이 어디서든 줄을 바꾸게 했습니다. 그러면 용어가 중간에서 갈리거나 뒤에 붙은 '을', '는' 같은 조사만 다음 줄로 떨어질 수 있습니다. 그래서 용어와 바로 뒤 조사는 묶어서 띄어쓰기에서만 끊기게 했습니다.

영어 낱말은 아무 데서나 자르면 읽을 수 없어서 사전에 맞춰 하이픈을 넣게 했습니다. 그런데 사이트 전체가 한국어 페이지로 표시돼 있어 브라우저가 영어 사전을 쓰지 않았습니다. 그래서 영어로 볼 때는 본문에 이 부분이 영어라고 따로 표시했습니다.

양쪽 맞춤도 시안으로 비교했습니다. 좁은 폰에서 띄어쓰기가 크게 벌어져서 쓰지 않았습니다.