HTML로 문서를 작성하다보면 이래저래 불편한 경우가 참 많죠?? 저도 웹페이지 개발할 때 정말 많이 느끼지만 HTML이랑 CSS가 간단하고 쉬우면서도 은근히 짜증나게 하는 구석이 있습니다. ㅎㅎ
오늘은 HTML로 만든 문서가 사용자에게 좀 더 '가독성' 있는 정보를 전달하기 위해 자간(글자간격)을 조절하는 방법을 알려드리도록 하겠습니다.
간격 조절 시 단어별로 간격을 조절하는 방법이 있고 글자 하나하나의 간격을 조절하는 방법이 있고, 그 방법은 아래와 같습니다.
letter-spacing : 글자간의 간격 조절
word-spacing : 단어간의 간격 조절
둘다 모든 단위로 사용 가능합니다. (%, em, px 등)
<body style="letter-spacing:10px" >
body 전체 글자 간격을 10px로 조절
</body>
<table>
<tr>
<td style="word-spacing:10em">
이 칸의 단어별 간격을 10em로 조절
</td>
</tr>
</table>
이런식으로 속성을 부여하면 좀더 가독성있는 문서를 만들 수 있습니다.
